Introducing Thunder ⚡

Ajay Mehta — Wed, 11 May 2022 17:40:00 +0000

Overview of My Submission

Thunder is a fully secure real-time chat application built using Appwrite. Try out Thunder ⚡

I built this with

HTML
CSS
JavaScript
React
Appwrite
react-router-dom
react-toastify

I had used Firebase before but Appwrite was new and it was amazing. Eight of my friends migrated to Appwrite and he motivated me to give it a try. When I tried Appwrite, my mind was blown 🤯...

You can create an account with only a single line of code, you can create real-time experiences by simply writing a few lines. My experience was amazing! And I was really excited for this hackathon. Though, I started it late due to end sem exams but still I enjoyed the journey and learnt a lot of things. It seems like I am gonna use Appwrite for my further projects.

I've used most of the features that Appwrite offers in this application such as Account, Users, Database, Storage, Realtime etc.

Database

My database contains two collections and one storage bucket.

Collections

Users

This collection contains the following attributes:

Username
Email
ProfilePicID

Chat

This collection contains the following attributes:

Message
From
To
Time

Features

100% secure registration and login
Send message to any user in real-time
Update your profile (including profile picture)
Delete the messages you don't want
Search the user which you want to chat to

Submission Category:

Web2 Wizards

Link to Code

mehtaaajay / thunder

Full-blown real-time chat application built using Appwrite

thunder 🚀

View Demo · Report Bug · Request Feature