Introducing Thunder ⚡ – DEV Community



Overview of My Submission

Thunder is a totally safe real-time chat software constructed utilizing Appwrite. Check out Thunder ⚡

I constructed this with

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

I had used Firebase earlier than however Appwrite was new and it was wonderful. Eight of my mates migrated to Appwrite and he motivated me to provide it a attempt. After I tried Appwrite, my thoughts was blown 🤯…

You may create an account with solely a single line of code, you’ll be able to create real-time experiences by merely writing a couple of strains. My expertise was wonderful! And I used to be actually excited for this hackathon. Although, I began it late resulting from finish sem exams however nonetheless I loved the journey and learnt a whole lot of issues. It looks as if I’m gonna use Appwrite for my additional tasks.

I’ve used many of the options that Appwrite provides on this software corresponding to Account, Customers, Database, Storage, Realtime and so forth.



Database

My database accommodates two collections and one storage bucket.

Collections

This assortment accommodates the next attributes:

  1. Username
  2. Electronic mail
  3. ProfilePicID

This assortment accommodates the next attributes:

  1. Message
  2. From
  3. To
  4. Time



Options

  • 100% safe registration and login
  • Ship message to any person in real-time
  • Replace your profile (together with profile image)
  • Delete the messages you don’t need
  • Search the person which you wish to chat to



Submission Class:

Web2 Wizards



Hyperlink to Code

Full-blown real-time chat software constructed utilizing Appwrite





thunder Forks


thunder Stars


thunder Issues


thunder Pull Requests

thunder Logo

View Demo
·
Report Bug
·
Request Feature

Introducing Thunder – Actual-time Chat Software 👋

Thunder is a totally safe real-time chat software constructed utilizing Appwrite. Check out Thunder 🙌

[Read blog to understand better 📖]{DEV_BLOG_LINK_HERE}

🚀 Demo

Strive the App: Thunder

😎 Options

Let me share the superior options of Thunder.

  • 100% safe registration and login
  • Ship message to any person in real-time
  • Replace your profile (together with profile image)
  • Delete the messages you don’t need
  • Search the person which you wish to chat to

Take your expertise to subsequent stage wih thunder! Mission Mars 🚀

🛠️ Set up Steps

  1. Clone the repository
git clone https://github.com/mehtaaajay/thunder.git
Enter fullscreen mode

Exit fullscreen mode

  1. Change the working listing
cd thunder
Enter fullscreen mode

Exit fullscreen mode

  1. Set up dependencies
npm set up
Enter fullscreen mode

Exit fullscreen mode

  1. Open the app and play with the codebase

🤝 Contributing

💻 Constructed with



Extra Sources / Information (Screenshots)

Change Password Page

Registration Page

Login Page

Chats Page

Profile Page

Lastly, love you ♥ Appwrite and Dev. This hackathon was wonderful!



Add a Comment

Your email address will not be published. Required fields are marked *