A simple Task Planner web application built with React for planning tasks, including features like priority and category.
- Add tasks with priorities and categories
- Edit existing tasks
- Delete tasks
- Filter and sort tasks based on priority and category
- Used context API for state management.
- React
- Node.js and Express (for the server)
- CSS
- Node.js installed
- NPM or Yarn installed
-
Clone the repository:
git clone https://github.com/PratikTomar/Task-Planner.git
-
Navigate to the project directory:
cd task-planner
-
Navigate to the server to start the server by
cd server
-
Install dependencies of the server:
npm install
-
Make .env file and insert mongoDB URI and PORT
-
Navigate to the client to start the client by
cd client
-
Install dependencies of the client:
npm install
-
Start the server:
npm start
The server will run on http://localhost:3001.
- Start the React app:
npm start
-
The React app will run on http://localhost:3000.
-
Open your browser and visit http://localhost:3000 to use the Task Planner.