Learn Appwrite: Appwrite Hashnode Hackathon

Team Details

• Name of Team Member
  1. Hashnode Username - https://hashnode.com/@ankur136 Github Username - @ankur0904

Description of Project

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.

Tech Stack

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 We Faced

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.

Public Code Repo

https://github.com/ankur0904/hackthon

Demo Link

https://www.youtube.com/watch?v=IPVE8YFVySU

Hashnode Blog

https://ankurblog.hashnode.dev/learn-appwrite-appwrite-hashnode-hackthon-project