Learn Appwrite | Appwrite Hashnode Hackthon Project

Appwrite (https://appwrite.io)
Hashnode (https://hashnode.com)

Project name

Learn Appwrite

Team members

Ankur Singh - Hashnode username (https://hashnode.com/@ankur136)

A description of your project

What does my project do?

My project contains curated resources for the developer who wants to learn about Appwrite. This is really a good place for beginners. Because in this project we have two sections means, we have divided the content of blogs into two sections in which the first one is for those who know any backend framework and the second one is for those who don't know about any of the backend frameworks.
Anyone interested in contributing to our blogs can contribute simply by some clicks this makes the project more powerful because the blogs are maintained by the open-source community.

Home Page

There you can find how to install Appwrite if you want to install it locally. And the blogs here are divided into two parts means one for the person who is familiar with the backend and one for those who are completely new to the backend.

After pressing to the GO button you go to the webpage which contains the latest list of blogs. You can also add your blogs by simply clicking to the Add button.

After pressing the Add buttons. You will see this type of page where you can contribute to the blogs.

I also created a page in which I have implemented O-Auth with the help of Appwrite. This shows how easy is to use Appwrite for the Authentication part.

I have also created a not found page which looks like this.

Why did I choose to tackle this challenge?

The main reason is that the juniors(beginners) or the graduate students are the future of the tech industry, after some years from now they will take care of the entire tech so why we shouldn't try to make their life easier by making learning process of any tech stack so easy. So that they will enjoy the process of learning.

Tech stack behind the project

React.JS - A popular fronted-end library that allows us to write the code in Javascript.
Appwrite - Appwrite is an open-source backend server that abstracts the complexity of common, complex, and repetitive tasks required for building a modern app.
Vercel - Vercel is a cloud platform for front-end developers.
MUI - A user interface library for React that provides ready-to-use components and styling.
Font Awesome - A library of scalable vector icons used for enhancing the visual elements of the project.

How Appwrite helped you build this project?

Appwrite Databases - Appwrite databases are simple, secure, and scalable. And it is very easy to use in our web application. I used the databases to store the content of the blog and fetch it as the user goes to the webpage.

Appwrite Authentication - Leveraging Appwrite's authentication capabilities, various OAuth integrations were implemented in the web application, enhancing the user experience.

Challenges faced during the development process and how I overcome them?

One of the most challenging tasks during the development process was working on the CSS part of the code. This task often required a significant amount of time to fix bugs and ensure the desired styling. To overcome this challenge, various strategies were employed. Watching YouTube tutorials and researching solutions on the internet proved to be valuable resources in finding solutions to CSS bugs and improving the overall styling of the project.

A public code repository link - https://github.com/ankur0904/hackthon

A demo recording of the functioning project - https://www.youtube.com/watch?v=IPVE8YFVySU

#Appwrite

#AppwriteHackathon

#appwrite