https://github.com/mdkaifansari04/chat-app
Chat Cord is a robust and feature-rich real-time messaging application designed to provide users with a seamless and secure communication experience. With its dynamic UI and a wide range of functionalities, Chat Cord aims to enhance the way users connect and interact with each other.
https://github.com/mdkaifansari04/chat-app
express-js lottie-animation nodejs react-avatar react-hooks reactjs socket-io tailwindcss
Last synced: 2 months ago
JSON representation
Chat Cord is a robust and feature-rich real-time messaging application designed to provide users with a seamless and secure communication experience. With its dynamic UI and a wide range of functionalities, Chat Cord aims to enhance the way users connect and interact with each other.
- Host: GitHub
- URL: https://github.com/mdkaifansari04/chat-app
- Owner: mdkaifansari04
- Created: 2023-07-09T11:09:49.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2023-07-09T15:49:20.000Z (almost 2 years ago)
- Last Synced: 2025-01-19T23:25:52.135Z (4 months ago)
- Topics: express-js, lottie-animation, nodejs, react-avatar, react-hooks, reactjs, socket-io, tailwindcss
- Language: JavaScript
- Homepage: https://chat-cord-9uiv.onrender.com/
- Size: 414 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Chat Cord
*Chat Cord is a versatile and comprehensive real-time messaging application designed to elevate your communication experience. With its intuitive dynamic user interface, personalized features, and robust security measures, Chat Cord aims to provide a seamless and secure platform for connecting with others.*
## 🛠Skills
## Features
- Dynamic UI: Enjoy an intuitive user interface that adapts to your preferences and provides a visually appealing chat environment. Choose between dark mode and light mode to suit your style and enhance readability.
- Dynamic Avatars: Each user in Chat Cord is assigned a unique dynamic avatar that adds a touch of individuality and facilitates easy identification during conversations. Avatars are generated in real-time, making your profile visually distinct.
- Secure Messaging: Your privacy and data security are paramount in Chat Cord. All messages are encrypted end-to-end, ensuring that your conversations remain private and inaccessible to unauthorized individuals.
- Attentive Edge Case Handling: Chat Cord has been designed to handle edge cases with intelligence and care. The application incorporates error handling and input validation mechanisms to prevent common issues like duplicate usernames and network connectivity problems, ensuring a stable and smooth user experience.
## Getting Started
Install Mind Memo Web Application with npm
1: Clone the repository:
```sh
git clone https://github.com/Mdkaif-123/Chat-App.git
```
2: Install the dependencies for both frontend and backend:
```sh
npm install
```
3: Start the frontend server:
```sh
npm run start
```
4: Start the backend server:
```sh
nodemon app.js
```
The Client Server should now be running on http://localhost:3000.
The Backend Server should now be running on http://localhost:8000.
## Credits
• Socket.Io
• React
• Express.js
• Tailwind
• Javascript
• Material Tailwind
## Authors
- Md Kaif Ansari
## Improvements:
- Real time video streaming functionality
# Contact
If you have any questions or feedback, feel free to reach out to me on LinkedIn or email.
Email : [email protected]
## 🔗 Links
[](https://mdkaif.vq.pe/)
[](https://www.linkedin.com/in/md-kaif-ansari-b74543243/)
## Screenshot
**Home page**
**Mobile light mode**
**Mobile Dark mode**
**Login page**
