Ai-Chat-Box 🤖💬
Ai-Chat-Box is a real-time chat application inspired by Gemini's interface, built using modern web technologies. This project aims to replicate the sleek and intuitive design of Gemini's chat feature while implementing additional functionalities tailored to different use cases.
Features 🚀
- Real-time Messaging: Instant messaging using WebSockets for seamless communication.
- User Authentication: Secure login system with authentication and authorization.
- Media Uploads: Support for uploading images 📷 and files in chats.
- Responsive Design: Fully responsive UI for optimal viewing on various devices.
- Custom Animations: Smooth animations to enhance user experience.
- Data Persistence: Messages and user data stored persistently using MongoDB.
- Search Functionality: Search through chat history and contacts 🔍.
- Notifications: Real-time notifications for new messages and updates 🔔.
- Customizable Settings: Personalize chat settings and user profile.
- Accessibility: Designed with accessibility standards in mind ♿.
Tech Stack 💻
- Frontend: React.js, HTML5, CSS3
- Backend: Node.js, Express.js
- Database: MongoDB
- Real-time Communication: Socket.IO
- Authentication: JSON Web Tokens (JWT)
- Deployment: Heroku, Netlify
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:- h
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh.
Log in or sign up for Devpost to join the conversation.