/Todo-Application

Primary LanguageJavaScript

Todo Application

The web-app is build using and front end Technologies Like ReactJS and Backend Technologies Like Node JS Express JS and MONGODB as Database

Install the require dependencies by command npm install in root directory as well as in frontend directory and backend directory

Run the command npm run dev in root directory to start Backend server on port 5000 and React application on port 3000

Front end Explanation

Entire Web-app is divided into three Pages
  1. Landing Page
  2. Add Todo Page
  3. Edit Todo Page

Landing Page

Landing Page is the entry point of the application .It consist of following features
  • Listing all the Todo's
  • Filtering the Todo's by their state (new,completed,pending)
  • Redirecting to Add Todo Page and Edit Todo Page

Add Todo Page

The page enables the user to add Todo to the routine .It consist of following feature
  • Adding Todo
  • Defining the state of Todo (new,pending)
  • Giving the required Alerts on user Actions

Edit Todo

The page enables the user to Edit the Todo details.It consist of following feature
  • Editing Todo
  • Altering the state of Todo (new,pending,completed)
  • Giving the required Alerts on User Actions
  • Deleting the Todo