Skip to content

Just a simple chatting web app by me from scratch using Express.js as the backend and MongoDB as the database.

Notifications You must be signed in to change notification settings

EncryptedScripts/simple-chatting-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Simple Chatting Web

Simple Chatting Web is a real-time chat web application that facilitates user communication. It offers features like user authentication, profile management, real-time chat, and message history.

Features

  • User Authentication: Secure registration and login system.
  • Real-Time Chat: Engage in real-time conversations with other users.
  • Profile Management: Customize your profile and upload a profile picture.
  • Message History: View the chat message history.
  • Responsive Design: Works seamlessly on various devices.

Technologies Used

Frontend:

  • HTML
  • Tailwind CSS
  • JavaScript (AJAX, Fetch API)
  • EJS (Embedded JavaScript templates)

Backend:

  • Node.js
  • Express.js
  • MongoDB (Mongoose)

Authentication:

  • Express Session

Installation

  1. Clone the Repository:

    git clone https://github.com/yourusername/simple-chatting-web.git
    
  2. Project Directory:

  • cd simple-chatting-web
  1. Install Dependencies:
  • npm install
  1. Configure MongoDB:

Set up your MongoDB connection in mongodb.js and ensure that MongoDB is running.

  1. Start the Server:
  • node index.js
  1. Access the Application:

Open your web browser and visit http://localhost:3000.

Features

  • Register or Log In: Create an account or log in with existing credentials.

  • Profile Customization: Customize profile settings and upload a profile picture.

  • Join a Chat Room: Enter a chat room to start real-time conversations with other users.

  • Instant Messaging: Send and receive messages instantly within the chat room.

  • Logout: Log out when you've finished your session.

Screenshots

Screenshot 1 Screenshot 2 Screenshot 3 Screenshot 4

Contributing

Contributions are welcome! Here's how to get involved:

  1. Fork the Repository:

  2. Create a New Branch: for your feature or bug fix.

  3. Make Changes: Implement your feature or fix and commit them.

  4. Push Changes: Push your changes to your fork.

  5. Submit a Pull Request: to the main repository's main branch.

License

This project is licensed under the MIT License. For details, refer to the LICENSE file.

Acknowledgments

We extend our thanks to the Tailwind CSS community for their remarkable CSS framework. This project drew inspiration from real-time chat applications.

Enjoy seamless real-time communication with Simple Chatting Web!

About

Just a simple chatting web app by me from scratch using Express.js as the backend and MongoDB as the database.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published