Give a visit to below link, you will get the idea about the project through a short video.
https://github.com/Nikhilgholap1304/Chatopia/assets/118434064/13e35b58-6beb-4524-ae7c-f1cfc2ebb649
You can fork this repo to modify and make changes of your own. Please give me proper credit by linking back to NikhilGholap1304. Thanks!
Chatopia is a real-time chat application designed for seamless and instant communication. Built using modern web technologies like React and Vite, Chatopia leverages Firebase for its backend services, including real-time database, authentication, and cloud storage. The app supports text messaging, multimedia sharing (photos, videos, and documents), and ensures a user-friendly experience with features such as message timestamps, read receipts, and blocking functionality.
This project was built using these technologies.
- React.js
- Vite.js
- Firebase
- Zustand state management
- Material Tailwind
- TailwindCss
- MUI
- Framer-Motion
- SCSS
- VsCode
- Vercel
- Context Api
🌘 Stuffed with Modern UI uniquely based on Telegrams Theme
🎫 Implementation of Google and github Auth
😀 Emoji Picker
📥 State management
🧾 Applied Firestore and storage of firebase
🎞 Able to share photo/video/doc/zip and many type of files
📌 Viable Timestamps
🎨 Styled with TailwindCSS
🎗 Upto the Mark UI and UX
🥽 Smooth Effects
📱 Fully Responsive
Clone down this repository. You will need node.js and git installed globally on your machine.
-
Installation:
npm install -
In the project directory, you can run:
npm run dev
Runs the app in the development mode.
Open http://localhost:5173 to view it in the browser.
The page will reload if you make edits.
Open the project folder and Navigate to /src/components/.
You will find all the components used and you can edit your information accordingly.
Give a ⭐ if you like this website!
This project is licensed under the License. Feel free to use, modify, and distribute the code for both personal and commercial projects.