Coder Social home page Coder Social logo

chattingapp's Introduction

Chatter

Chatter is a group chat app which allows you to chat with your friends using your name and unique id generated in mongodb for authentication.

Technologies used in this project are:-
(i)HTML (v)Socket.io
(ii)CSS (vi)CORS Browser Extension
(iii)JavaScript (vii)MongoDB
(iv)NodeJs (viii)Mongoose

HTML and CSS were used for front-end designing
JavaScript was used for both front-end interactivity as well as backend development
NodeJs was used for making a local server
Socket.io was used for realtime messaging
CORS was enabled to allow cross browser requests
MongoDB was the database used for autherization of users
Mongoose forms the layer that connects MongoDB with rest of application

Steps to launch this application successfully:-

S1-> Install liveserver extension in your ide(preferrably Visual Studio Code)
S2-> Install the google chrome extension Moesif Origin and CORS changer and activate it.
S3-> Pull the files from github from this link https://github.com/itsharsh2001/ChattingApp
S4-> Open the folder which stores the files pulled from above github repo using IDE (preferrably Visual Studio Code
S5-> Start a new terminal in IDE
S6-> Type cd. \nodeserver\ in terminal
S7-> Type nodemon .\index.js in terminal
S8-> Application will launch on browser asking for name and id
S9-> You can contact us for authorized names and ids since database it reads from is located in my computer
S10-> The application will still work if you give wrong names and ids but will state you undefined while using the appication but you will be able see its functioning
S11-> Copy the link of this tab and paste it in another tab and enter different name and id
S12-> You will now be able to chat between these two tabs
S13-> You can enter with as many tabs as you want. Enjoy :)

chattingapp's People

Contributors

itsharsh2001 avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.