Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/parthamk/realtime-chat-application

Zidio Internship project 2
https://github.com/parthamk/realtime-chat-application

Last synced: about 1 month ago
JSON representation

Zidio Internship project 2

Awesome Lists containing this project

README

        

# Realtime Chat Application

This is a real-time chat application with features for group chats, user profiles, and notifications.

[](Preview)

## How to run this application on localhost

You need to have the latest version of Node.js and MongoDB Community Server installed.

1. Clone the repository with this command:
```
git clone https://github.com/parthamk/realtime-chat-application.git
```

2. Once cloned, get into the directory:
```
cd realtime-chat-application
```

3. To run the server, use these commands:
```
cd server
npm install
npm start
```

4. To run the frontend, use these commands:
```
cd client
npm install
npm start
```

## Technologies used to create the application

### Frontend
- React.js
- Chakra UI
- Libraries:
- react-router-dom
- axios
- socket.io-client
- react-scrollable-feed
- react-toastify
- @parthamk/notification-badge

### Backend
- Node.js
- MongoDB
- Libraries:
- express.js
- mongoose
- socket.io
- bcrypt
- jsonwebtoken
- colors
- dotenv

## File Structure

```
└── πŸ“Feedback-Collection-System
└── πŸ“backend
└── .env
└── .gitignore
└── πŸ“controllers
└── sampleController.js
└── πŸ“models
└── Sample.js
└── package-lock.json
└── package.json
└── πŸ“routes
└── sampleRoutes.js
└── server.js
└── πŸ“frontend
└── .eslintrc.cjs
└── .gitignore
└── index.html
└── package-lock.json
└── package.json
└── postcss.config.js
└── πŸ“public
└── vite.svg
└── README.md
└── πŸ“src
└── App.css
└── App.jsx
└── πŸ“assets
└── react.svg
└── πŸ“components
└── Form.jsx
└── RequireAuth.jsx
└── index.css
└── main.jsx
└── πŸ“pages
└── πŸ“dashboard
└── Dashboard.jsx
└── Home.jsx
└── Profile.jsx
└── Login.jsx
└── Register.jsx
└── tailwind.config.js
└── vite.config.js
└── package-lock.json
└── README.md
└── πŸ“server
└── .env
└── .gitignore
└── πŸ“controllers
└── authController.js
└── fromController.js
└── index.js
└── πŸ“models
└── authModel.js
└── formModel.js
└── package-lock.json
└── package.json
└── πŸ“routes
└── authRoutes.js
└── formRoute.js
```

## Features

- Real-time messaging
- Group chat functionality
- User authentication
- User profiles
- Notifications

## Contributing

Raise an issue if you like to contribute.