Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/pratiktomar/task-planner
A simple Task Planner web application built with React for planning tasks, including features like priority, category.
https://github.com/pratiktomar/task-planner
planner task task-planner
Last synced: 3 days ago
JSON representation
A simple Task Planner web application built with React for planning tasks, including features like priority, category.
- Host: GitHub
- URL: https://github.com/pratiktomar/task-planner
- Owner: PratikTomar
- Created: 2024-01-12T22:23:49.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-01-14T20:42:13.000Z (10 months ago)
- Last Synced: 2024-01-15T20:04:13.257Z (10 months ago)
- Topics: planner, task, task-planner
- Language: JavaScript
- Homepage: https://task-planner-uqdm.onrender.com/
- Size: 171 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readMe.md
Awesome Lists containing this project
README
# Taskee Web App
A simple Task Planner web application built with React for planning tasks, including features like priority and category.
## Features
- 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.
## Technologies Used
- React
- Node.js and Express (for the server)
- CSS
## Setup Instructions
### Prerequisites
- Node.js installed
- NPM or Yarn installed
### Installation
1. Clone the repository:
```bash
git clone https://github.com/PratikTomar/Task-Planner.git
```
2. Navigate to the project directory:
```bash
cd task-planner
```
3. Navigate to the server to start the server by
```bash
cd server
```
4. Install dependencies of the server:
```bash
npm install
```
5. Make .env file and insert mongoDB URI and PORT
3. Navigate to the client to start the client by
```bash
cd client
```
4. Install dependencies of the client:
```bash
npm install
```
### Running the App
1. Start the server:
```bash
npm start
```
The server will run on http://localhost:3001.
2. Start the React app:
```bash
npm start
```
3. The React app will run on http://localhost:3000.
4. Open your browser and visit http://localhost:3000 to use the Task Planner.