Skip to content

AMGOcyber123/Chat-Net

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chat Net

This is a simple web application where users can join any room or create a new room and chat to people anonymously. For this application, on the UI/UX aspect, my approach was to go for a minimilistic design that is light on eyes. The following image is the landing page when the user opens the application. Chat-Net is written using:

  • Node.js

  • HTML

  • CSS

  • JavaScript

  • This is the landing page of the application.

image

  • Once you create a room or Join a room a you recieve a message from the admin "Welcoming" new users and on the side you can see that a list of users in the room is maintained.

image

  • After new users join they and you both can see who all are a part of the room.

image

  • Feel free to talk to your friends or any stranger on the internet.

image

  • Feel free to leave anytime you want and rejoin whenever you feel like !

image

  • You can even share your location!

image


  • Viola ! There you go 🥳

image

Happy Coding 🎄🥳



Now Let's get started !

  • Set the directory once you have cloned the repository: cd chat-net

Installation

  • Use the following command to install all the necessary dependencies: npm install

  • Run the software using the following command: npm run dev

This will install all the necessary npm packages that has been used to built it. Which are

The whole point of this project is to utilise sockets as much as we can and understand their concept.