To Do App (reactjs & nodejs)

• Link: https://hani-to-do-app.up.railway.app/

A to-do app that stores tasks in a database for each user, with some advanced features and mobile friendly design.

• Features:

• Login system, uses the same database my User System app uses.
• Tasks for each user are stored in the database.
• Each task got options like priority and time.
• Tasks are editable and deletable.
• Filtering and search options to find tasks easily.
• Light & Dark modes.
• Supports mobile view (navigator changes when screen width is small).

Packages and tech i used to make this app:
• Frontend:

• Reactjs hooks: useState, useEffect, useContext.
• Npm packages: react-icons.

• Backend:

• Nodejs.
• Npm packages: express, mongodb, mongoose, bcryptjs, cookie-parser, jsonwebtoken.
• Npm packages i used for development only: env-cmd, nodemon.

---

• login screen:
  

• adding a task:
  

• task added:
  

• tasks:
  

• light mode:
  

• editing:
  

• filtering by priority:
  

• filtering by time:
  

• filtering by search box:
  

• completed tasks & delete all button (deletes all completed tasks):
  

• mobile view:
  

• nav list with mobile view:
  

• an actual screenshot from a mobile device: