teleren/devto huggingface dataset:
Rescue section and traditional oar application
Tags: appwritehack, flutter, dart, showdev
Published: 2022-05-11 20:46:01

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
I took advantage of the Appwrite hackathon to combine my two passions: Development and Traditional oar (on Lake Geneva - FR).
The Yvoire section has a rescue team and several oar teams.
The purpose of the application, beyond the news of the section and the photo gallery, allows members to be able to register for the various training sessions. Whether present, absent or uncertain, everyone can position themselves on each day and see the list of members.

### Technical
During this hackathon I wanted to discover Appwrite as a whole, database, realtime, authentication, functions and storage.
My use case allowed me to use all of these features with a simple model:
* Activity
* User
* User who register for an Activity (UserActivity)

The screen that displays the detail of an activity uses the Realtime feature to see live the users who register.

Gallery, like Posts use Storage.

For the Function feature, when a user is present at an activity, a function is trigger to increment his total activity counter.

I had to use Firebase at first, but after this first experience with Appwrite I will stay on the latter. Very easy to install and use, the fluid and clear interface makes it easy to find your way around your project.
The only negative point, but which shows the interest of Appwrite by the developers, is its rapid evolution which very quickly makes obsolete the various tutorials which one can find, in particular for the functions.

[Note]: # (Share what you built, how you built it, and the inspiration behind the idea! Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)


### Submission Category 
Mobile Moguls
 


### Link to Code
{% embed https://github.com/jeremy-giles/SSYApp %}


### Additional Resources / Info

![News](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7jghil4qb4sm1j3wpua9.png)

![Gallery](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6yesi7ktoi75ww9wu6yw.png)

![Activities](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8bd5feqhglzhy24bt10g.png)

![Activity detail](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jsinssmdrp5xxy8d5kyi.png)

![Create activity](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/8p1xos4vyxnu12itijat.png)

![Authentication](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hryfwq6c577x7j8matdd.png)

![User profile](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ir82chlwkujzipnhvgq9.png)


![Appwrite logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/h9jaljubrmygez4bq6qx.png)
Environment Variables in Django
Tags: django, python, beginners
Published: 2022-05-11 20:20:01

One way of securing your secret keys from external viewers and codebase is to use environment variables. 

In Python, you can use the `os.getenv('THE_KEY')` or `os.environ.get('THE_KEY')`. 
For example, when working in Python, you can change tell Django to search for the value of the `SECRET_KEY`.

```python
SECRET_KEY = os.getenv("SECRET_KEY") 
# or
SECRET_KEY = os.environ.get("SECRET_KEY") 
```

These lines will lead to software failure if there is no `SECRET_KEY` variable in the project's `.env` file.

To avoid that, you can pass as a second argument a default value.

```python
SECRET_KEY = os.getenv(
    "SECRET_KEY", "django-insecure-r(6dd3yaw_05m5kxki1vb^r6v@x^-g#zi_to7487*!)08oxwf)"
)
```

These methods are quite useful if you are looking to use env vars in Django. Anyway, you can also check [`django-environ`](https://django-environ.readthedocs.io/en/latest/) a Python package that allows you to use the Twelve-factor methodology to configure your Django application with environment variables.

*Article posted using [bloggu.io](https://bloggu.io). Try it for free.*
SimpLR: Simple Login and Register Mobile Apps
Tags: appwritehack, android, appwrite, kotlin
Published: 2022-05-11 20:16:55

### Overview of My Submission
Hello folks! I want to share with you what mobile apps can I build using Appwrite as self-hosted backend-as-a-service platform and Appwrite SDK for Android(Kotlin). A little intermezzo, I just found out this event about a week ago and i feel this event is gonna be a really exciting. Back again, so..what i build here is a simple login and register mobile app that show some user info and logs which i give name SimpLR. 

Utilizing Appwrite that act as a self-hosted backend server packaged as a set of Docker containers and Appwrite SDK for Android(Kotlin), i manage to study how to use Appwrite built-in feature and build what mobile app can i build for a week. 

At first i feel a little bit confused how to implement Appwrite feature into my mobile app and the day of app submission is getting near 😫. After taking 2 days of exploration, i understand about the concept of creating account and sessions in Appwrite, so i decide to create simple login and register mobile app using Kotlin as my programming languange and Android as Operating System.

### Here some screenshot of my app:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4twfc1215h81ld0tpnvh.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nmu853p5ze3lgwg0bks0.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vh5cdhvdo4ni8lpdebww.png)

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6wetvf904aq5dmuafz2z.png)

### Submission Category
Mobile Moguls


### Link to Code
https://github.com/Whyu9-9/simplr-apps


### Additional Resources / Info
Here is my Youtube link for demo video of my app: https://youtu.be/pHnwXbNPNlw
Nx - Pnpm - Fixing the "pnpx" and "pnx" command
Tags: nestjs, nx, openapi, javascript
Published: 2022-05-11 20:09:36

If you have used Nx with PNPM recently, you might have noticed that generating any schematics using their own "Nx Console" extension in VSCode is not working and ends up in an error like:
```
The term 'pnpx' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again.
```

After some research I found an easy to implement solution to fix this issue, we can just alias `pnpx` to `pnpm exec`.
The solution I will display is for powershell but you can also use a similar solution for your terminal of choice. 

## Aliasing PNPX
First we will need to open a powershell terminal and run the following commands. What they will do, is create a powershell file for your user that will be run on each powershell open. This file will have the authority to run remote signed scripts since we need it to have the same capabilities as the `npx` command. 
- `new-item $PROFILE.CurrentUserAllHosts -ItemType file -Force`
- `Set-ExecutionPolicy -Scope CurrentUser` then `RemoteSigned`
- `ise $PROFILE.CurrentUserAllHosts`
And finally add:
```powershell
function pnpx {
    $joinedArgs = $args -join " "
    pnpm exec $joinedArgs
}

function pnx{
    $joinedArgs = $args -join " "
    pnpm run nx $joinedArgs
}
```
- Save and exit


Thanks for reading!
[2 days appwrite] Transfer text/Files between devices
Tags: appwritehack, webdev
Published: 2022-05-11 20:07:56



### Overview of My Submission
The app lets people share text/image/file between devices.

This grows from my need as I worked in a quite restricted environment (VPN, blocked sites, apps). 

Every time I need to share some text between PC and mobile, I need to use Skype, which is very buggy.

So this app let me paste text on any device and get it on others. 

It also works with files. 

Here is the app URL:

https://x2.openexl.com/

Here is how the app work:

* For example,  you want to share a piece of text from your PC to your mobile, you paste that text in the Bury It section:

![paste text to bury](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hchlxw1hcilinqn2ynfh.png)
 

Then, you click on the button "Bury it". After a few seconds, you will get the code to use it on other devices:
 
![bury text and get the code](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0t4lxtzs04u8kjiyid4j.png)

On a difference device, you use that code and put into the Dig it section. 
![Enter code to dig](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/44w6aa22ify5lcquciue.png)

Hit the button and you'll see the text appear:

![text transferred](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3d768lp1kn7j6e5q5w6w.png)


The same flow for transferring files. 
  

### Submission Category: 

Web2 Wizards


### Link to Code
There are two parts of the app. One web app (Angular) and api (written in Spring boot). 

* https://github.com/datmt/File-Bury-APP (Angular)
* https://github.com/datmt/File-Bury-API (Spring boot)

### Additional Resources / Info

This app is not possible without these projects:
* https://github.com/appwrite/demo-todo-with-angular
* appwrite
* Spring boot
18,000 followers AMA 🙀
Tags: meta, watercooler, ama
Published: 2022-05-11 19:54:57

Somehow you guys did it you made me feel famous, raised my self esteem from the floor and pushed me through job interviews granting me charm and charisma.

I have been learning how to behave around other humans what to say and how to say it and it's all down to technical writing and your amazing following.
I will continue to try to think of stuff you want to hear about! We grow together 💗
Want to succeed? Be a fearless rat | AppSeed
Tags: watercooler, unrelated, appseed
Published: 2022-05-11 19:54:17

---
title: Want to succeed? Be a fearless rat | AppSeed 
published: true
description: My startUp (AppSeed) is the rat - All those cats are the competitors & VCs
tags: #watercooler, #unrelated, #appseed
cover_image: https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ltkwxwlhjeoydyemsug6.jpg
---
Hello coders! 

Usually, [I'm writing about automation](https://dev.to/sm0ke) and `seed projects`. Well, this time the post is about a dummy video published on yTube that helps me to keep going with my [startUp](https://appseed.us) during the hard times. **Thanks in advance!** 

---

**Really sorry for the language** used in the mentioned video, but the content highlights a few really important facts: 

- `Don't take it as granted what society deliver`
  - `Video facts`: the rat goes straight to the cats gang
- `Listen to your inner calls` 
  - `Video facts`: The rat feels or thinks that his road is forward, not aside. 
- When is hard, imagine that `you're the rat` (for me works). 
  - `Video facts`: The `rat` do whatever is required, based on his knowledge and abilities, to reach his goal flawlessly.

---

> My advice to anyone? `be the rat!` 

--- 

{% embed https://www.youtube.com/watch?v=P2npX7UQjU8 %}
The Functional, Usable, Delightful of... Tea Bags
Tags: ux, design, webdev, delightful
Published: 2022-05-11 19:48:14

## <center>Functional</center>
![Plain square tea bag](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ri4g1bebgb6lwpre5eyy.jpg)
<center>Try removing this tea bag from your cup. _You will burn your fingers off_</center>
<hr />
## <center>Usable</center>
![Pyramid tea bag with string and tag](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wsk8flhm1da8aow6u0co.jpg)
<center>The pyramid allows more room for the tea to circulate, and the little tab on the string makes removing the tea bag easy-breezy.</center>
<hr />
## <center>Delightful</center>
![Tea bag in the shape of an octopus](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/luxjsk1pn5iivmmeco3g.jpg)
<center>What? You were expecting something cute, maybe?</center>
Login App with Appwrite
Tags: appwritehack, css
Published: 2022-05-11 19:28:59

Login app with Google OAuth and custom sign in and sign up features made with Appwrite

![GIF](https://media.giphy.com/media/4xTlvfM8en4MPKGklb/giphy.gif)

### Submission Category: 
 Wacky Wildcards


![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v83joi9d5l5q9abjn5y3.png)

![Screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/d3r4yg5inqg3gl8ye4mt.png)

Tech stack used:
- React 18
- CSS
- Appwrite

### Link to Code
{% github verica02/appwrite %}
The most complex challenge of your career
Tags: discuss, programming, showdev
Published: 2022-05-11 19:22:12

Hey fellows!

You know, when you do interviews, people sometimes ask you things like:

> What's the most complex technical challenge you've ever solved?

I think, I even read it somewhere that Elon Musk asks this during interviews as well.

Now, I'm not about to apply to Tesla (don't think they've plugged TypeScript into that fancy display, did they?), but I never had a clear idea what to answer to that question!

Please, showcase your examples. Strike me with them, if you wish!
Are we living inside Our Mobiles?
Published: 2022-05-11 19:01:00

![Hooked to phones](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kpbx67y0odg909kmiden.png)
> 
 Have you ever thought how frequently do you check your phones? How many hours do you spend on social media daily? I guess most of you will be spending more than half of your day on social media. What makes social media so addictive...(have you ever thought)
Answer of some may be No.

The reason behind these platforms becoming so addictive is the developers working all day long behind the screens you see.

Few days ago I read a book named "**Hooked: How to build habit building products**" written by Neir Eyal(professor at Stanford business school.
After reading the book I got answers to my questions. In this book Neir explains the "hooked model" that is used by the almost all the social media platform that you see around. The main motive behind these platforms are user attention span, and make them spend more time on their platform.
This is accomplished by giving the user rewards(not the material ones) but the pleasure.
For example Every time you visit <u>Instagram</u> you will never get bored because it provides with the photos that your friends have shared,likes,comments etc. You are much unlikely to stop at one photo(post) you will start scrolling, as you go on the posts will keep on loading make you spend hours together on the platform.

As a add on the data that the platform receives uses that to understand their users better and hence keeping them hooked.
You may have noticed people saying "**_I'll google it_**" instead of "**_I'll do some re-search on it_**" there is no dictionary that say google and research are synonyms but, the amount of convenience, pleasure and usability that google provides, has made that change. The developers who build these habit building product focus on more on their user psychology in order to make them keep hooked. The platform focuses on the insecurity that the user is facing they solve that in security there giving them pleasure.

Before the rise of online shopping people used to buy the things in the offline store, the people faced problem in going to far away shops to buy even a small thing. Online shopping gave the user the convenience of buying the stuff and delivered to their door steps.
The convenience that it provide makes the user to the site again to buy things, in return they use your data to make you buy from their store itself thereby making it a habit.



Thanks for your support!
<script src="https://platform.linkedin.com/badges/js/profile.js" async defer type="text/javascript"></script>
<div class="badge-base LI-profile-badge" data-locale="en_US" data-size="medium" data-theme="light" data-type="VERTICAL" data-vanity="ps-pannaga" data-version="v1"><a class="badge-base__link LI-simple-link" href="https://in.linkedin.com/in/ps-pannaga?trk=profile-badge">PS PANNAGA</a></div>
beginning of al-wahda app journey with appwrite
Tags: appwritehack, flutter, programming, opensource
Published: 2022-05-11 18:41:23





_Hello_
My name is Abdullah, I love basketball and I want to build an app for my hometown sport club (al-Wahda Damascus). The idea begins to grow every day. once I have heard about AppWrite and its features that help me with this. I know my app isn't anything yet, but that's what I can do with my short time due to studying and full time job an I won't stop, I will continue building it every day from now on. :3



### Submission Category:
My app fall into Mobile Moguls Category 
#Flutter 




### Link to Code
https://github.com/Abdallah-al-hallak/al-wahda



### Additional Resources / Info

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fqef5wquukq3s8s8junh.png)
 

ps://dev-to-uploads.s3.amazonaws.com/uploads/articles/tl6nm32ep526u4tzstju.png)


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yffpcbl5r236z9uz7v66.png)
also I've used create session with Realtime and stream listening to user changes. when user tap logout, the response of payload get false for the user and then logout instead of routing. so much love with Realtime feature


Twitter Account 
@BhBode
Editar credenciais no Rails
Tags: rails, credencial
Published: 2022-05-11 18:40:48

Para editar as credenciais no Rails, use o comando:

`EDITOR=code rails credentials:edit`

Aqui, foi utilizado **code**, já que estou usando o VSCode. Você pode utilizar outros, de acordo com a IDE que desejar. Por exemplo:

EDITOR=mate para Textmate
EDITOR=nano para Nano
EDITOR=vi para VIM
Cricket scoring app using Appwrite & NextJS
Tags: appwritehack, nextjs, cricket, webdev
Published: 2022-05-11 18:39:10

[Instructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)


### Overview of My Submission
Hi, this is an attempt to learn appwrite by trying out a single user cricket scoring app. We play cricket hence the idea, thought it would be nice to have an app that we can use for ourselves to add scoring and see how we played :).

I have used NextJS with some minimal tailwind based styling, have spent more time on the functonality of the App as the state changes, due to various scoring conditions, were a bit confusing and time consuming. 

Here is the link to the [github repository] (https://github.com/networkandcode/cricscore/tree/appwrite-hackathon)

### Submission Category: 
Wacky Wildcards




### Additional Resources / Info
Here are some screenshots
![Signup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7pch4omksr8ir35c809b.png)
![Login](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z92nob8wm3qw3vu8gfxt.png) 
![New match](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7oi6953bdhhoh6wi1ci7.png) 
![New match form 1](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/3j6kj6qgv20i9ktd9z0m.png) 
![New match form 2](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yzlkcsrbpkqtanlxa01r.png)
![New match form 3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/rgb0hlse5z3x88385ccs.png)
![New match form 4](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4al14476z6zsazm2iipp.png)  
![Match started](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/npbs6c27dzc8ahr9taay.png)
![Add score](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1x9jyrk6aw5hmd43xh5l.png)
![First batting score card](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/k6d1egy87813iwbu0bmc.png) 
 
![cricket score](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dzlfser8l7aq1orork50.png)

Note: The image at the bottom is a random one from [Unsplash](https://source.unsplash.com/featured/?wickets)

FYI, the application is not quite complete, there is some more state improvements.

Thank you!!!
Register application with Appwrite
Tags: appwritehack, appwrite, react, hackathon
Published: 2022-05-11 18:38:04



### Overview of My Submission
Built a registration application with the help Appwrite API where the users can register and after registering their details will be posted to the Appwrite database.

### Checkout my application here:
[Register App](https://register-app-megha.netlify.app)

### Submission Category: 
Web2 Wizards


### Link to Code

{% embed https://github.com/Megh2507/appwrite-register-app %}

### Additional Resources / Info

#### Frontend : ReactJs
#### Backend  : Appwrite

#### Workflow of application

![image](https://user-images.githubusercontent.com/63467479/167917199-583c4930-2d07-478e-8742-025b96df7d4f.png)

#### Screenshot of application
![image](https://user-images.githubusercontent.com/63467479/167915105-1247740f-7b4e-4af7-9b18-8669104bbef8.png)
The user details are being stored in the Appwrite database in the following way 
![image](https://user-images.githubusercontent.com/63467479/167920892-8dec8365-ab1a-4498-8c66-ae1d7d3c2e5b.png)


This project is built during the [Appwrite Hackathon on Dev](https://dev.to/devteam/announcing-the-appwrite-hackathon-on-dev-1oc0)
InSelfView
Tags: appwritehack, vite, react, redux
Published: 2022-05-11 18:16:50


![InSelfView Logo](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/owqfzh4qo4xal13kvl2b.jpg)



### Overview of My Submission
The introduction of live video interviews have created a pandora’s box of new challenges and struggles for candidates. For jobseekers, improving their online presentation is one of the first steps toward the final goal. **_InSelfView_** was built to give a simulation for virtual interview. Users can practice in a safe environment and improve the result through a supportive community.




### Submission Category: 

Web2 Wizards

_(ah... I am not a wizard at all 🤓)_

### Link to Code
[My repo](https://github.com/chuongtang/InSelfView)

(don't forget to click the `★` . Thanks your visit 🙏. PRs are always appreciated.)


### Additional Resources / Tech stack


- Front-end: [_VITEjs_](https://vitejs.dev) _ a super fast frontend tool to render React App.

- State Management: [_Redux_](https://redux.js.org) _ a Predictable State Container for React.

- Back-end: [_Appwrite_](https://appwrite.io) _ Secure Open-Source Backend Server for Web, Mobile & Flutter Developers. Its extensive APIs gives developers a full range of different services for building apps (Users, Account, Storage, Database, Functions...)

- Styling: [_WindiCSS_](https://windicss.org/guide) _ faster load times, full compatibility with Tailwind and integrated with VITE.

- Server deployment: [_Vultr_](https://www.vultr.com/products/cloud-compute) _ Appwrite's deployed on a Vultr instance with an Ubuntu Virtual Machine.

- Front-end deployment: [_Cloudflare Pages_](https://pages.cloudflare.com) _ support Git integration for automated deployments. Just connect your repo and push.



### Live Demo
[InSelfView](https://inselfview.pages.dev/)


It's responsive on your mobile as well 📱📟💻🖥

### Feedback / Suggestion?
Please send your comments to email@chuongtang.com