This is a simple real-time chat application built with React, Node.js, Express, and Socket.io.
chat app Note: It may take little time.
To install and run this app on your local machine, follow these steps:
- Clone this repository: git clone https://github.com/soubhik-111/chat-app.git
- Navigate to the cloned repository: cd chat-app
- Navigate to the backend folder: cd api
- Install dependencies: npm install
- Start the development server: npm run dev
- Open a new terminal in same location.
- Navigate to the frontend folder: cd api
- Install dependencies: npm install
- Start the development server: npm start
- Open your browser and go to http://localhost:3000
Once the app is running, enter your username and click the "Log in" button to enter the chat room. You can send messages by typing in the input box at the bottom and pressing "Enter" or clicking the send button. Your messages will be displayed on the left side of the chat box, while messages from other users will be displayed on the right side.
This app was built using the following technologies:
- React: A JavaScript library for building user interfaces.
- Node.js: A JavaScript runtime built on Chrome's V8 JavaScript engine.
- Express: A fast and minimalist web framework for Node.js.
- Socket.io: A library for real-time, bidirectional and event-based communication between the browser and the server.
- React-Scroll-To-Bottom: A component for scrolling to the bottom of a container in React.
No License