Skip to content

Latest commit

 

History

History
101 lines (52 loc) · 2.21 KB

README.md

File metadata and controls

101 lines (52 loc) · 2.21 KB

Todo Team

The WebApp is also hosted on https://todo-team-app.herokuapp.com/. Todo Team is a To'do management MERN Stack based web-app that allows users to create and manage their To'do’s in a collaborative fashion allowing them to create multiple To'do Lists and inviting other users to edit or view the same

Installation

Install Git

Install NodeJs and NPM

Cloning Repository and Installation

  • Open Command Prompt in the Directory You Want to Install.

  • Clone the Repository

git clone https://github.com/PrinceGupta1999/Todo-Team.git
  • Change working Directory to the Repository
cd Todo-Team
  • Install Dependencies
npm install && npm run client-install && npm install -g nodemon
  • Change Configuration Files: Edit following files

    1. config/default.json: Create file with secretOrKey and mongoURI properties
    2. client/package.json: change proxy
    3. client/App.js: Change socketIOClient() call
  • Initiate the Application

npm run dev

Features

Java Web Token Authentication

Uses JWT tokens along with Passport.Js for user authentication during all API calls to provide Token based Authentication.

SocketIO

Uses SocketIO library for broadcasting Real-Time Database operations results to all eligible users and updating UI accordingly

Material-UI

Employs Material-UI framework for providing consistent and responsive front-end experience

Demo Screenshots

Home Page

demo1

Dashboard

demo2

Create and View To'dos

demo3

Accept/Decline Notification

demo4

Technology Stack

  • NodeJS

  • ExpressJS

  • ReactJs

  • MongoDB

  • Material-UI