Skip to content

ranjaniav1/chat-web

 
 

Repository files navigation

Chatting Website

Welcome to our chatting website! This web application allows users to communicate with each other in real-time through text messages. It's built using Node.js and Next.js, providing a seamless and responsive chatting experience.

Features

  • Real-time Chatting: Users can send and receive messages instantly, making conversations feel natural and fluid.
  • User Authentication: Secure user authentication ensures that only registered users can access the chat features.
  • Responsive Design: The website is optimized for various devices, including desktops, tablets, and mobile phones.
  • Customizable Themes: Users can personalize their chatting experience by choosing from a variety of themes and colors.
  • Persistent Data: Chat history is stored securely, allowing users to resume conversations from where they left off.

Technologies Used

  • Node.js: Backend server environment for handling requests and managing data.
  • Next.js: React framework for building the frontend interface and handling client-side rendering.
  • Socket.IO: Library for enabling real-time, bidirectional communication between web clients and servers.
  • MongoDB: NoSQL database for storing user data, chat history, and other application information.
  • Tailwind CSS: Utility-first CSS framework for designing responsive and stylish user interfaces.

Installation

  1. Clone the repository to your local machine:

    git clone https://github.com/your-username/chatting-website.git
    
  2. Navigate to the project directory:

    cd chatting-website
    
  3. Install dependencies:

    npm install
    
  4. Start the development server::

    npm run dev
    
  5. Open your web browser and visit http://localhost:3000 to access the website.

Usages

  • Signup/Login: Create a new account or log in with existing credentials.
  • Start Chatting: Join chat rooms or initiate private conversations with other users.
  • Send Messages: Type and send messages in the chat interface.
  • Change Themes: Customize the appearance of the chat interface by selecting different themes.

Contributors

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 97.7%
  • CSS 2.2%
  • SCSS 0.1%