Vedant1202/react-nodejs-chat-app

Chat app with nodejs, reactjs, and mongodb.

NodeJS, ReactJS, Socket.IO Application

A project for Chat Application using Node.js, Express, Mongoose, REST API, ReactJS, and Socket.IO. Has user signup/login, chat windows, user list for chatting with users, seperate chat windows for every user. Currently limited to one-to-one chats.

Update: Also features real time annotations on images.

Live Demo

Demo

• Hosted at Chat Annotate App

• Sample credentials

  • Email: sample@mail.com
  • Password: password1

• API Docs

Youtube video explaining a demo walkthrough

Chat app + Image annotations app.

Sample user credentials (for the hosted application)

1. Admin user:

   • Username: sample@mail.com
   • Password: password1

2. Non admin user 1:

   • Username: sample2@mail.com
   • Password: password1

3. Non admin user 2:

   • Username: sample3@mail.com
   • Password: password1

Note that admin users are preconfigured. You cant register for an admin account, so try the admin user mentioned above for testing purposes

Installation

• Directions for installation and other information related to backend in README of /backend.
• Directions for installation and other information related to frontend in README of /frontend.

Screenshots

1. Login page

2. Register page

3. Home page (default)

4. Home page (chat active)

5. Users list collapsed

6. Annotations rooms page

7. Create new annotations room

8. Drag and Drop page

9. Drag and drop new element

10. Drag and drop delete element

Flowcharts

1. Real time annotations with web sockets

Contributing

Contributions are more than welcome! Please check out the contributing guide.

License

MIT