Skip to content

queenhabeebah/Task-Manager-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Task Manager App

A full-stack Task Manager application built with the MERN stack (MongoDB, Express.js, React, Node.js).

Features

  • Create, Read, Update, Delete tasks (CRUD)
  • Status and Priority badges
  • Due date validation
  • Responsive and clean UI with Bootstrap
  • Error handling and loading states

Tech Stack

  • Frontend: React, Bootstrap, Axios, React Router
  • Backend: Node.js, Express.js
  • Database: MongoDB (with Mongoose)
  • Others: Git, GitHub

Installation

  1. Clone the repository:
   git clone https://github.com/queenhabeebah/Task-Manager-App.git
   cd Task-Manager-App
  1. Install server dependencies:
cd server
npm install
  1. Install client dependencies:
cd ../client
npm install
  1. Set up your environment variables (e.g., MongoDB URI) in a .env file in the server folder.

  2. Run the app:

  • In one terminal:
cd server
npm run dev
  • In another terminal:
cd client
npm start

Screenshots

Task List Screenshot createTask Form Screenshot editTask Form Screenshot

Author

Habeebah Aleilo

🔗 GitHub
💼 LinkedIn

License

This project is open source and free to use.

Packages

No packages published