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

https://github.com/aashish47/task-manager

Trello clone using Mern stack.
https://github.com/aashish47/task-manager

docker express firebase-auth kanban-board mongodb mongoose mui nodejs react react-beautiful-dnd react-quill socket-io tanstack-react-query task-manager trello vite

Last synced: 3 months ago
JSON representation

Trello clone using Mern stack.

Awesome Lists containing this project

README

          

# Task Manager

Task manager is a simple, visual project management tool that uses boards, lists, and cards to help teams organize tasks and projects efficiently.

https://github.com/aashish47/task-manager/assets/134308022/9920af2b-e960-4d5b-910a-1c32ec0a0fa0

https://github.com/aashish47/task-manager/assets/134308022/adc84a18-763b-4f09-bd3f-9601a45ff8b7

https://github.com/aashish47/task-manager/assets/134308022/90f3ecc1-8ff8-4fbc-80be-e541d54ce2c1

https://github.com/aashish47/task-manager/assets/134308022/8adc8a25-9c03-4697-91b4-6694ec20fcb9

https://github.com/aashish47/task-manager/assets/134308022/dbc0cdc9-0fee-410d-8e49-db45a7fac02f

https://github.com/aashish47/task-manager/assets/134308022/34b2b87c-0505-4bac-8054-5926fec09883

https://github.com/aashish47/task-manager/assets/134308022/59084934-3636-4f69-a73e-41f1a26525e9

https://github.com/aashish47/task-manager/assets/134308022/3887c146-68e2-429f-a2d6-43503788e4e4

## Installation

### Prerequisites

Before you begin, ensure you have met the following requirements:

- **Node.js**: Version 18 (Download and install [Node.js](https://nodejs.org/) if you haven't already)

### Clone the repository

```bash
git clone https://github.com/aashish47/task-manager.git
```

### Setting up Mongodb Atlas, Firebase Google Auth, unsplash account

Before running the Task Manager project, you'll need to set up Mongodb for database management and Firebase Google Auth for user authentication and unsplash for api keys.

[Firebase Auth](https://firebase.google.com/docs/auth)
[MongoDb](https://www.mongodb.com/atlas)
[Unsplash](https://unsplash.com/developers)

### Rename `.env.example` files

In the `backend` directory, rename `.env.example` to `.env` and add the required keys.

### Install dependencies

```bash
# Install frontend dependencies
cd frontend
npm install

```

```bash
# Install backend dependencies
cd backend
npm install

```

### Run the application

```bash
# Run the application
cd task-manager/
npm run start
```

Open `http://localhost:SERVER_PORT` with your browser to see the result.
SERVER_PORT is added in .env