Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pratiktomar/task-planner-deploy

A simple Task Planner web application built with React for planning tasks, including features like priority and category. This repo is created to deploy this application on render.
https://github.com/pratiktomar/task-planner-deploy

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 and category. This repo is created to deploy this application on render.

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
```

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.