4bd3c48010
Modernizes the chat and join pages with new styles, improved layouts, and enhanced user experience using custom CSS and FontAwesome icons. Removes location sharing functionality from both frontend and backend, including related templates and code. Adds connection status indicators, notification system, and keyboard shortcuts for better usability.
Realtime Chat App with Node.js and WebSockets
Overview
This Realtime Chat App is a simple yet powerful application built with Node.js and WebSockets, allowing users to join different chat rooms and communicate with each other in real-time.
Features
- Real-time Communication: Utilizes WebSockets to enable instant messaging between users.
- Multiple Rooms: Users can join different chat rooms.
- User-friendly Interface: Provides an intuitive and clean user interface for an enjoyable chat experience.
Prerequisites
Before running the application, make sure you have the following installed:
- Node.js: Download and install Node.js
Getting Started
-
Clone the repository:
git clone https://github.com/your-username/realtime-chat-app.git -
Navigate to the project directory:
cd realtime-nodejs-chat-app
- Install dependencies:
npm install
- Start the server:
nodemon src/index.js or node src/index.js
- Open your web browser and go to http://localhost:3000 to access the Realtime Chat App.
Usage
- Enter a username.
- Choose a chat room to join.
- Start chatting with other users in real-time.
File Structure
- src/index.js: The main server file that handles WebSocket connections and serves the HTML page.
- public/index.html: The HTML template for the chat application.
- public/style.css: The stylesheet for styling the chat application.
Dependencies
express: Web framework for Node.js.socket.io: WebSocket library for Node.js.
Contributing
Feel free to contribute to the development of this Realtime Chat App by creating issues or submitting pull requests. Your feedback and contributions are highly appreciated!