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

https://github.com/rajaditya01/chatterbox


https://github.com/rajaditya01/chatterbox

daisyui mern-stack socket-io telwind-css

Last synced: 3 months ago
JSON representation

Awesome Lists containing this project

README

        

# ChatterBox

ChatterBox is a real-time chat application built using Socket.io and the MERN stack (MongoDB, Express.js, React.js, Node.js). It utilizes DaisyUI and Tailwind CSS for a sleek and responsive user interface.

## Features

- Real-time messaging: Users can chat with each other in real-time.
- User authentication: Secure user authentication system implemented for login and registration.
- Responsive design: The application is optimized for various screen sizes and devices.
- MongoDB database: Data is stored and managed using MongoDB, a popular NoSQL database solution.

## Technologies Used

- **Socket.io**: Enables real-time, bidirectional and event-based communication between web clients and servers.
- **MERN Stack**:
- **MongoDB**: A NoSQL database used for storing user information and chat messages.
- **Express.js**: A backend web application framework for Node.js used for building the RESTful API.
- **React.js**: A JavaScript library for building user interfaces, used for creating the frontend of the application.
- **Node.js**: A JavaScript runtime environment used for running server-side code.
- **DaisyUI**: A component library for Tailwind CSS that provides additional UI components and utilities.
- **Tailwind CSS**: A utility-first CSS framework for quickly building custom designs.

## Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

- Node.js and npm installed on your machine.
- MongoDB installed locally or accessible via a cloud service like MongoDB Atlas.

### Screenshots
![image](https://github.com/RajAditya01/ChatterBox/assets/101439988/531eaca4-7b66-4a94-b2c7-010a34e46da5)
---- -
![image](https://github.com/RajAditya01/ChatterBox/assets/101439988/6f04f8c9-73de-4691-96a2-8b71c7aff6a5)
---- -
![image](https://github.com/RajAditya01/ChatterBox/assets/101439988/4ccd90f5-b751-4429-bfe4-aee3731f2bdf)
---- -
![image](https://github.com/RajAditya01/ChatterBox/assets/101439988/efb60e2b-7baa-45e4-9291-82fc938e1e60)
---- -
![image](https://github.com/RajAditya01/RealRentalHub/assets/101439988/f5b65caf-a398-4d8c-9da2-9ab22eb9fd23)

### Installation

1. Clone the repository:

```bash
git clone https://github.com/yourusername/chatterbox.git

## Author

- Github: [Aditya Raj](https://github.com/RajAditya01)
- Linkedin: [Aditya Raj](https://www.linkedin.com/in/aditya-raj-aa923721a/)
- Email: [[email protected]](mailto:[email protected])