teleren/devto huggingface dataset:
CrimeAlert
Tags: appwritehack
Published: 2022-05-12 22:22:49

### Overview of My Submission
CrimeAlert is a simple Web based app which is built using Appwrite. The website allows you to view the nearby crime incidences in a given time range, and can alert you about incidences in your locality so you can be careful. 

I was inspired to create this website, as I had unknowingly passed by a locality where a crime had occurred and was alerted by the locals. Using this website, users can know if the locality they are in is safe or is currently unsafe.

The website gains data about crimes by using user-reported statistics from the report page, which allows us to build an initial database and also allow for public sourcing of data.

It utilizes Appwrite for maintaining the database of users and also to store the crimes reported, with their location and other details.

The user is first prompted to create an account or sign in, upon which he is then taken to the location page where the location of the user is derived. After this the server checks for reports of crimes nearby in a particular radius using the coordinates, and reports them on the home page.

The website can allow the user to check if his locality or the locality he currently is in is safe.

[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: 
Web2 Wizards
[Note]: # (Web2 Wizards, Web3 Wunderkinds, Mobile Moguls, Wacky Wildcards)


### Link to Code
{% embed https://github.com/AmoghSingh25/CrimeAlert %}
[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% embed link_to_your_repo %}` to share a GitHub repository)


### Additional Resources / Info
**Login Page**
![Login Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2z21i2kcp3w45y67q3r.png)

**Sign Up Page**
![Sign Up Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/80spxr4n3nflfwkwvygu.png)


**Home Page**
![Home Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aral3130weopnv2442l7.png)
 

**Report Page**
![Report Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xylm0sx9yzho92f62r0w.png)
 

**Location Page** 
![Location Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9637qe4j0jwyewfj0n3z.jpeg)
Azure Key Vault
Tags: azure, keyvault, beginners, secrets
Published: 2022-05-12 22:39:20

Azure Key Vault is a cloud service for securing and accessing secrets, keys and certificates. Azure key vault can be use to centralize application secrets, securely store secrets and keys, monitor access and use, simplifies administration of application secrets and integrate with other azure services.

In this walkthrough, we will create an Azure Key Vault and create a password secret within the key vault.

**- Create an Azure Key Vault**

1. Sign in to the [Azure portal](https://portal.azure.com/)
2. From the search box, type key vaults and select **Key Vaults** under **Services**
![Key vaults](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nf0ffpsmherqnymq1b73.png)
3. Select **+ Create**
![Create key vaults](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2odig6tasqse65az87tg.png)
4. Configure the key vaults with the following and leave the defaults for the remaining. The key vault name must be a globally unique name
![key vault settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pt4neqjnez0gzxn52beo.png)
Select **Review + Create** and select **Create** once validation has passed
![Create a key vault](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hig5v9u374ghfk8dg2v4.png)
5. Once deployment is completed, select **Go to resource**
6. Select **Overview** tab and take note of the **Vault URI**. Applications that use your vault through the REST APIs will need the URI
![Vault URI](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/atfa6guxzq5u2fj1zup1.png)
Note: Your Azure account is the only one authorized to perform operations on this new vault. You can modify this if you wish in the **Settings** and then the **Access policies** section.

**- Add a secret to the Key Vault**

1. Under **Settings**, select **Secrets** and click **+ Generate/Import**
![Generate secret](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qzzk9wb2ooe5famou4gj.png)
2. Configure the secret with the following and leave the others at their defaults
**Note:** You can also set an activation and expiration and also disable the secret
![secret settings](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zhl49fwusod3q5rd8zj7.png)
3. Select **Create**
![create a secret](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/udeashio5l41l8uxwflf.png)
4. Once the secret has been successfully created, click on the secret name **mytestpassword** and note that it has a status **Enabled**
5. select the secret created and note the **Secret Identifier**. This is the url value that you can now use with applications. It provides a centrally managed and securely stored password.
![Secret identifier](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/0ks6y0d6t8beufcv48kb.png)
6. Select the **Show Secret Value** to display the password you specified earlier

Following this steps, you can try to generate keys and certificate at your own free time.

**Note:** To avoid additional costs, you can remove the resource groups. Search for resource groups at the search box, select the resource group and click Delete resource group.
Codeswap - Submission for Appwrite's + DEV Hackathon
Tags: appwritehack, svelte, javascript, webdev
Published: 2022-05-12 22:37:42

### Overview of Our Submission

## codeswap
Check it live [here](http://codeswap.tk)

A place for you to share code easily with others via the internet, using a title and a short description.
We were inspired by [Github Gists](https://gist.github.com/) and [Carbon](https://carbon.now.sh/) which are amazingly cool, so, we created our own version with our identity, putting emphasis on the speed of sharing code.

[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: 

Web2 Wizards


### Link to Code

Front-End:
{% embed https://github.com/LLxD/codeswap-front %}
Back-End:
{% embed https://github.com/MarcosNBJ/codeswap-back %}



### Additional Resources / Info

### Authors
@llxd 
@marcosnbj 

---


#### Technologies Used:
Front-End

- [Svelte](https://svelte.dev/)
- [TailwindCSS](https://tailwindcss.com/)
- [HighlightJS](https://highlightjs.org/)
- [Tinro](https://github.com/AlexxNB/tinro)
- [Svelte-Icons](https://github.com/Introvertuous/svelte-icons)


This project was made with Svelte and TailwindCSS, you can also do something similar using:

#### Creating a TailwindCSS + Svelte project:

```yarn create vite```

```npx svelte-add@latest tailwindcss```

---

Back-End
- [Node.js](https://nodejs.org/en/)
- [Appwrite](https://appwrite.io/)

---

Screenshots

![Home page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/kcnbbaren3n7qp89r8tk.png)
![Example code page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4r1byuguo7rij1px3gom.png)




---

Special thanks to my amazing friend @marcosnbj, which made this project possible.

---

### Created with love for the DEV + Appwrite [hackathon](https://dev.to/devteam/announcing-the-appwrite-hackathon-on-dev-1oc0)

---
Web Rewrite - a URL Shortener built with Node and AppWrite
Tags: appwritehack, webdev, node, showdev
Published: 2022-05-12 22:02:35

### Web Rewrite

![web-rewrite screenshot](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/b2exojpf7jfhpj0i75e4.jpg)

web-rewrite is a utility that allows you to rewrite your URLs.

I wanted to write my own url shortener and then came accross appwrite, which motivated me enough to do it.

#### Prerequisites

Before you begin, ensure you have met the following requirements:

- You have installed the latest version of `node`, `appwrite`
- web-rewrite needs the following env vars to function correctly
```bash
HOST=appwrite-console-host
APPWRITE_PORT=80 #Port where appwrite console is running
PROJECT_ID=project-id-from-appwrite-console
API_KEY=api-key-from-appwrite-console
APP_PORT=4321 # The port where you want web-rewrite to run
LINKS_COLLECTION_ID=links-collection-id1 #Try changing this if setup fails
```

#### Getting web-rewrite

To install web-rewrite, follow these steps:

```bash
git clone https://github.com/2kabhishek/web-rewrite
cd web-rewrite
touch .env 
npm run setup # Sets up the links collection in appwrite
npm start
```

#### Using web-rewrite

After starting the app you can visit the app through your browser.

#### How it was built

web-rewrite was built using `node`, `express` and `appwrite`

#### Challenges faced

While building web-rewrite the main challenges were:

- Setting up AppWrite collections through node was tricky

#### What I learned

- AppWrite and it's different services, will use it more in upcoming projects
- Web routing

#### What's next

May deploy it somewhere soon

### Submission Category: 

Web2 Wizards


### Link to Code
{% embed https://github.com/2kabhishek/web-rewrite %}
Completing Phase 1 (JavaScript & Code Challenge).. part 2
Tags: javascript, programming, beginners, discuss
Published: 2022-05-12 21:57:52

All cohorts were given 2 chances to pass the code challenge. 
At the first trial for the code challenge, I made it through all core deliverables until I encountered a problem having a Vote Counter not working properly. The vote count was not adding up accumulatively in the DOM but rather it was just getting updated by the value of what the user puts whenever a user submits a new value (number of votes) to the form. I could not figure out how I should make this work until the 90 minutes of the code challenge time ran out. It has been a while since I was under such intense pressure and it felt as if I was taking my first SAT back in high school. After the challenge, I had to find out how to make the vote count increment accumulatively and found a way to approach to solve it. First, I could have declared a variable to initialize the count in the global scope and add the new user input value to the variable, and assign the result to the variable using the assignment expression in the form function. Secondly, I also had to use parseInt on the value that I grab from the DOM and the value user inputs. 
After I realized that I needed much more exposure to solving the challenges, I started practicing all the practice code challenges in the labs over and over until I reached a point where I started feeling really comfortable with the structure of making a web application using Vanilla JavaScript and the process of fetching data from the API, creating and grabbing DOM elements, making functions, adding event listener, using .Map & .Filter array methods, updating new data to the JSON server using POST, PATCH, DELETE, and more. Countless practices of solving the code challenges over a week led me to succeed in passing the code challenge in the following week. I was finally relieved after passing the PHASE 1 code challenge and finishing my Phase 1 project in week 3 because I was able to move on to the next phase which was Phase 2 and excited about learning React.
I already started feeling what it is like to be a software developer. Trial and Error, Dedication, and Practice!
Execute a function with arguments using chrome extension scripting API
Tags: javascript, chromeextension, webdev, beginners
Published: 2022-05-12 21:56:28

Chrome introduced the new Manifest V3 towards a step in the direction of security, privacy, and performance as mentioned in the documentation [here](https://developer.chrome.com/docs/extensions/mv3/intro/).

With this introduction of Manifest V3, there have been challenges in migrating from Manifest V2 to Manifest V3 which is beyond the scope of discussion in this article.

Along with number of features, the extensions using Manifest V3 also have functional changes introduced. Among many such changes, `executeScript()` is one. It has been moved from the Tabs API to the Scripting API. With the new [Scripting API](https://developer.chrome.com/docs/extensions/reference/scripting/), extensions can register and unregister content scripts dynamically (at runtime, one can register and unregister content scripts as needed). Also, the extensions can now only execute script files and functions.

Here is how one can execute a function using the chrome extension's scripting API.

```javascript
function greet(greeting) {
    console.log(`${greeting}, World!`);
 }
 
 chrome.scripting.executeScript({
      target: {tabId: tab.id},
      function: greet,
      args: ['Hello']
 });
 
 // Output: Hello, World!
```
In the above code, we can notice that the property being used to pass the arguments to the function is `args` in Manifest V3.
Azure AKS cluster from scratch using Terraform
Tags: kubernetes, azure, terraform, devops
Published: 2022-05-13 00:49:20

---
title: Azure AKS cluster from scratch using Terraform
published: true
date: 2022-05-12 21:53:04 UTC
tags: #kubernetes #azure #terraform #devops
canonical_url: https://omkarpatil.dev/azure-aks-cluster-from-scratch-using-terraform
---

While working on creating training material on Azure IaC using Terraform, I created a small demo project to create an Azure AKS cluster from scratch and integrated it with [Terraform Cloud](https://cloud.hashicorp.com/products/terraform). It came out quite nicely and therefore I thought I would share it with larger audience 🙂.

Detailed instructions can be found on the repo README. You'll need your own Azure account and a subscription. The AKS cluster code is a local module and the created cluster will have the following features:

- Nodes with Ubuntu OS
- Azure CNI
- Separate vnet and subnet
- Single nodepool with autoscaling enabled
- AKS managed Azure AD integration
- System-assigned managed Identity
- Cluster auto-upgrade enabled

Quick note about Terraform Cloud - if you haven't tried it yet, you should. It has a free plan for smaller teams up to 5 and provides a way to manage state remotely and securely.

Happy coding 🤘.

{% github https://github.com/ospatil/k8s-azure-devops %}
Jiko : A Quantified Self App
Tags: appwritehack, webdev, nextjs, showdev
Published: 2022-05-12 21:39:40


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



## Project Overview: 

[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.)
Wouldn't it be great if we could all could stop binging that **one** series and actually get some work done ? Wouldn't it be amazing if we could just stop looking at the clock, repeatedly putting off work just because there's more time ? Wouldn't it be great if we could just stop procrastinating ?

![pro-crastinate](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ko9wkky3v6y1gbm1ndxx.png)

In order to combat these thoughts, we present to you **Jiko**, a tracker app that lets you be more accountable with the amount of time you have and helping you use this time to add some productivity and help you reach your goals.

---

### Jiko 
> Jiko aims at getting users back on track by allowing them to define various trackers and helping them log these trackers every set amount of time , thereby boosting productivity.


---


### Submission Category: Web2 Wizards

[Note]: # (Web2 Wizards, Web3 Wunderkinds, Mobile Moguls, Wacky Wildcards)

---

### Services used :

- Appwrite's accounts for authentication 

- Appwrite's database for card data (WIP)

- NextJS and Tailwind CSS for front end and APIs

- Oracle VMs to host Appwrite's 
  Instance and Production server

---


### Link to Code

[Github repo](https://github.com/VaithiSniper/TrackerApp)

### Additional Resources / Info

Live demo: Click [here!](http://150.230.140.97:81/)

###Screenshots: 
 
![Home](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzbi0dfc4f27o2ceaylt.png)

---

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

---

![Register](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/6mygc0kcka8dsin3nu49.png)
 
---
![Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uzs7rukhjdbmknl0p0a8.png)
 
###Collaborators: @vaithisniper
CSV Importer
Tags: appwritehack, hackathon
Published: 2022-05-12 21:25:10



### Overview of My Submission
csv importer is a web application where the user can import there csv data into the appwrite datbase. it helps to solve the problem of manually inserting data into database and thus helping us. it works simply by uploading the csv file and user can see the data get's stored into the appwrite  database.



### Submission Category: 

 Wacky Wildcards


### Link to Code
https://github.com/HawkingRadiation42/CSV-importer



### Glimpse of the project:

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



##### Thank you for the opportunity is the first time i have used appwrite. It was definitely worth using it.
What Is a Full Stack Developer & What Do They Do?
Tags: stack, stackdeveloper
Published: 2022-05-12 21:15:55

A full stack developer is a person who can build the entire product. They can write the code, design the UI and work on marketing campaigns.

Full stack developers are usually employed by companies that need to develop their own products. They are also hired by companies that need to hire people with a wide range of skillsets.

## What are the Skills of a Full Stack Developer?

A full stack developer has skills that span the entire web development process. They are proficient in back-end and front-end development, and they know how to use databases.

Skills of a full stack developer:

- Proficient in back-end and front-end development

- Know how to use databases

## What Can You Do with a Full Stack Web Developer Skill Set?

A full stack developer is a programmer who knows both front-end and back-end programming languages. This means they can code the whole website by themselves.

Full stack web developers have many use cases in the workplace. They are usually employed by companies to build their websites from scratch, but they can also be employed as contractors to work on specific projects for other companies.
How i spent 1 hour of my time for a line break in a Bash.
Tags: bash, linux, tutorial, programming
Published: 2022-05-12 21:11:02

I hope this article will help you if you want to use Bash to create a small script.

So yes, I confirm, I spent 1 HOUR OF MY TIME for a little break.

!['A panda rage'](https://media0.giphy.com/media/EtB1yylKGGAUg/giphy.gif?cid=ecf05e47y0ym2zr8uv108ufm3jj7hkhymbkmyqwnqc1e6j1k&rid=giphy.gif&ct=g)

## Why this happening ?

Because line break in Windows are not the same for Linux and when you run your Bash script you can have an error like this :

!['The problem'](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/853xzuxk1n139iig3i4z.png)
 
And you can search for a long time in your codes, why this error appeared.

And this error appear just because the encoding of your file using the unicode of your line break is "`CR+LF`" (`000D` + `000A`) instead of "`LF`" (`000A`).

> `CR` is for "cariage return" and `LF` is for "line feed".

When you press enter, one of this Unicode is used. And Linux doesn't like the `CR+LF` because he represents all line endings by a `LF` and in my case, he gave me some problems.

## How to solve it ?

To solve it, you have many solutions. The most easily it's to use your favorite IDE and change the line ending.

> For exemple in VSCode it's at the bottom.
![VSCode tips](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/op1tb0wgwyskve7wb4s1.png)
 
If you use Git, you can use a file named [`.gitatttributes`](https://git-scm.com/docs/gitattributes). You can in this file, specify to get what is the end of the line of a specific file.

```
*.sh        text eol=lf
*.md        text=auto
*.txt       text
```

> In the first line we declare the end of the lines for all files with `.sh` extension by `LF`.

And the last solution is to use the command [dos2unix](https://manpages.ubuntu.com/manpages/bionic/man1/dos2unix.1.html) you can use to convert all lines endings of a file.

## And you, have you ever have an absurd problem like that ?

Main sources :

The [website ](https://support.nesi.org.nz/hc/en-gb/articles/218032857-Converting-from-Windows-style-to-UNIX-style-line-endings)solves my problems (and save me).

Microsoft explains [line endings](https://docs.microsoft.com/en-us/visualstudio/ide/encodings-and-line-breaks?view=vs-2022).

---

<a href="https://www.buymeacoffee.com/tykok"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a sushi&emoji=🍣&slug=tykok&button_colour=5F7FFF&font_colour=ffffff&font_family=Cookie&outline_colour=000000&coffee_colour=FFDD00" /></a>
Based on what you know: Name the 3 best companies to work for as a developer
Tags: discuss, career
Published: 2022-05-12 21:07:17

This is the third post of the Mayfield + DEV Discussion series. **Please feel free to go back and answer previous questions as well**.

This question is about reputations of software companies out there. This is all subjective, and perhaps nobody has enough information to really make this call — but any thoughts here are appreciated to bundle into the series!
Web3bie - a beginner friendly resource to jump into web 3.0
Tags: appwritehack
Published: 2022-05-12 21:00:41

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



![Landing page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xgjy0nnn6tkcia6n9731.png) 


### Overview of My Submission
[web3bie](https://web3bie.netlify.app/) is a platform to get resources and concept about various kind of web 3.0 related things (e.g. blockchain, smart contract, nft, DAO). Friendly, interactive and graphical interface is used to make understand easily.


![highlights](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9lgclky2pibn8djizbh1.png)

### Submission Category: 

Web3 Wunderkinds


### Link to Code

{% embed https://github.com/8-bit-souvik/web3bie %}


### Additional Resources / Info

tools used:
- NEXT JS
- Appwrite
- Docker

#### Project Details:


- Here Apprite is used as a headless CMS to fetch the content of the site where read access is given to role:all.

- In the front-end ISR is implemented with NEXT JS to make incremental static regeneration.


![ISR implementation](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fea01pmbm6jpi9hwt3z9.png)


- Through this application we can provide concept and knowledge to web 3.0 newbie.
Till now 4 topics are covered through this application.
In the blog section.

in the crypto section The concept about is being cleared along with chart and some API's


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

same way for NFT, DAO section the concept's are being cleared.

- There is a separate blog section to cover all the possible topic.

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



![CMS data](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/75mtn61mqtyep9rtkyj4.png)

#### future implementation:

- A login/signup feature will be enabled using appwrite's server side integration, so that user can post their queries and those will be solved by other people.


#### Conclusion:

This project is already hosted. So, If you wanna get something new take a look [here](https://web3bie.netlify.app/).

Thank you!