Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/the-developer-306/cosneckt

Cosneckt is a web-based chat application designed to facilitate real-time communication between users.
https://github.com/the-developer-306/cosneckt

bcryptjs chakra-ui css express-js html mongodb mongoose nodejs react socket-io

Last synced: 3 days ago
JSON representation

Cosneckt is a web-based chat application designed to facilitate real-time communication between users.

Awesome Lists containing this project

README

        

# Cosneckt

Cosneckt is a web-based chat application designed to facilitate real-time communication between users. This project leverages the MERN stack (MongoDB, Express.js, React, and Node.js) and integrates Socket.IO for real-time messaging.

## Features

- **User Authentication:** Secure login and signup functionality.
- **Real-time Messaging:** Instant communication with the help of socket.io.
- **Responsive Design:** Accessible on both desktop and mobile devices.
- **User-friendly interface:** User-friendly interface with notifications.

## Technologies Used

- **Frontend:** React, HTML, CSS
- **Backend:** Node.js, Express.js
- **Database:** MongoDB
- **Real-Time Communication:** Socket.IO

## Installation

To get started with Cosneckt, follow these steps:

1. **Clone the repository:**
```sh
git clone https://github.com/the-developer-306/Cosneckt.git
cd Cosneckt

2. **Install dependencies:**
```sh
Install dependencies for both backend and frontend:
cd backend
npm install
cd ../frontend
npm install

List of all dependencies(root):
"bcryptjs": "^2.4.3",
"colors": "^1.4.0",
"dotenv": "^16.4.5",
"express": "^4.19.2",
"express-async-handler": "^1.2.0",
"jsonwebtoken": "^9.0.2",
"mongoose": "^8.6.1",
"nodemon": "^3.1.4",
"socket.io": "^4.7.5"

List of all dependencies(frontend):
"@chakra-ui/icons": "^2.1.1",
"@chakra-ui/react": "^2.8.2",
"@emotion/react": "^11.13.3",
"@emotion/styled": "^11.13.0",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"axios": "^1.7.7",
"framer-motion": "^11.5.4",
"react": "^18.3.1",
"react-dom": "^18.3.1",
"react-lottie": "^1.2.4",
"react-notification-badge": "^1.5.1",
"react-router-dom": "^5.3.4",
"react-scripts": "5.0.1",
"react-scrollable-feed": "^2.0.2",
"socket.io-client": "^4.7.5",
"web-vitals": "^2.1.4"

3. **Set up environment variables: Create a .env file in the root directory and add the following:**
```sh
MONGODB_URI=your_mongodb_uri
JWT_SECRET=your_secret_key

4. **Run the application:**
```sh
cd backend
npm start
cd ../frontend
npm start

## Contributing

Feel free to fork the repository and submit pull requests. For major changes, please open an issue first to discuss what you would like to change.

## License

This project is licensed under the MIT License.

## Contact

For any questions or suggestions, feel free to reach out:

- GitHub: [the-developer-306](https://github.com/the-developer-306)
- Email: [[email protected]](mailto:[email protected])