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
- 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
Introducing Thunder - Real-time Chat Application 👋
Thunder is a fully secure real-time chat application built using Appwrite. Try out Thunder 🙌
Read blog to understand better 📖
🚀 Demo
Try the App: Thunder
😎 Features
Let me share the awesome features of Thunder.
- 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
Take your experience to next level wih thunder! Mission Mars 🚀
🛠️ Installation Steps
- Clone the repository
git clone https://github.com/mehtaaajay/thunder.git
- Change the working directory
cd thunder
- Install dependencies
npm install
- Open the app and play with the codebase
🤝 Contributing
- Please contribute using GitHub Flow. Create a branch, add commits, and open a pull request.
💻 Built with
Additional Resources / Info (Screenshots)
Finally, love you ♥ Appwrite and Dev. This hackathon was amazing!
Top comments (9)
Wow, this look cool! I read the source code and I was amazed to see that you have written only one line of code to register an user. Appwrite is super cool then. In only one line, magic happens. I will also try Appwrite for sure. Sir can you tell me how to make this app in Angular?
Thanks a lot, brother!
This app looks cool. Seems like you have worked hard. Great!
This chat application is so slick and dope!
I tried this in my computer and this is amazing...
I am also gonna try Appwrite! Yay!
This is fckin' amazing, dude. I tried this and it works smoothly and the UI is so clean. I am also planning to migrate from Firebase to Appwrite! All the best, mate!
This app is super cool, bro. I came to know about your app on Twitter and this is amazing... All the best :)
Hey, Ajay! How are you mate? Good to see your growing... I joined DEV to see your project only and since I am not a web developer, I can't read the source code of your application but it looks super slick. It seems like I can also use Appwrite in my game dev projects. I'll give it a try for sure!!! All the best, bro.
This app looks great, Ajay. Hope you win!
It look so clean, bruh!