https://github.com/dev-rishav/chatty
One to one messaging web app
https://github.com/dev-rishav/chatty
hibernate-jpa postgresql reactjs sockjs spring-boot stomp tailwindcss typescript
Last synced: about 2 months ago
JSON representation
One to one messaging web app
- Host: GitHub
- URL: https://github.com/dev-rishav/chatty
- Owner: Dev-Rishav
- Created: 2024-06-30T18:08:57.000Z (almost 2 years ago)
- Default Branch: spring-boot
- Last Pushed: 2025-06-22T18:23:54.000Z (12 months ago)
- Last Synced: 2025-07-16T19:13:56.818Z (11 months ago)
- Topics: hibernate-jpa, postgresql, reactjs, sockjs, spring-boot, stomp, tailwindcss, typescript
- Language: TypeScript
- Homepage: https://chatty-theta-five.vercel.app
- Size: 2.87 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chatty
Chatty is a modern, real-time messaging application that allows users to communicate seamlessly with their friends. Built with a focus on user experience and functionality, Chatty provides a robust platform for one-to-one conversations, file sharing, and easy user management.
## Visit Chatty
You can experience Chatty live at:
**[chatty-theta-five.vercel.app](https://chatty-theta-five.vercel.app)**
Feel free to create an account and start chatting!
## Features
- **User Authentication**: Secure login and registration system using Firebase Authentication.
- **One-to-One Messaging**: Real-time chat functionality for private conversations.
- **File Sharing**: Ability to send and receive files within chats.
- **User Search**: Easily find and connect with friends using the search functionality.
- **Responsive Design**: Fully responsive interface that works on desktop and mobile devices.
- **Real-time Updates**: Instant message delivery and updates powered by Firestore.
## Technology Stack
- **Frontend**:
- React
- JavaScript (ES6+)
- HTML5
- CSS3
- **Styling**:
- Tailwind CSS
- Material-UI (MUI)
- **Routing**:
- React Router DOM
- **Backend and Database**:
- Firebase
- Firestore
- **Build Tool**:
- Vite
- **Deployment**:
- Vercel
## Getting Started
### Prerequisites
- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)
- Firebase account
### Installation
1. Clone the repository: `https://github.com/Dev-Rishav/Chatty.git`
2. Navigate to the project directory: `cd chatty`
3. Install dependencies: `npm install`
4. Start the development server: `npm run dev`
5. Open your browser and visit `http://localhost:5173` to view the application.
## Usage
1. Register for a new account or log in if you already have one.
2. Once logged in, you'll see your friend list and chat interface.
3. Use the search functionality to find friends.
4. Click on a friend's name to start a conversation.
5. In the chat window, you can send messages and files.
## Deployment
This project is deployed on Vercel. To deploy your own instance:
1. Sign up for a Vercel account if you haven't already.
2. Connect your GitHub repository to Vercel.
3. Configure your build settings (Vite should be automatically detected).
4. Deploy!
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## Acknowledgments
- Thanks to all the open-source libraries and tools that made this project possible.
- Special thanks to the React and Vite communities for their excellent documentation and support.
- Beautiful illustrations provided by:
- [unDraw](https://undraw.co/illustrations)
- [Jozef Mikulcik on Pixabay](https://pixabay.com/users/jozefm84-10215106/)
- Thanks to [W3Schools](https://www.w3schools.com) for their comprehensive tutorials.
- Special thanks to [Hitesh Choudhary](https://github.com/hiteshchoudhary) aka [Chai Aur Code](https://www.youtube.com/@chaiaurcode) for his valuable tutorials and guidance.