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

• Follow instructions from Git Website

Install NodeJs and NPM

• Follow instructions from NodeJs Website

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

• Access the Application

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

Dashboard

Create and View To'dos

Accept/Decline Notification

Technology Stack

• NodeJS

• ExpressJS

• ReactJs

• MongoDB

• Material-UI