Task Manager

A simple full-stack Task Manager application built with React, Node.js, PostgreSQL, and Prisma.

Features

• Add new tasks with a title and optional details.
• View all tasks in a paginated table.
• Mark tasks as complete or pending.
• Delete tasks.
• API documentation with Swagger.
• Unit tests for both frontend and backend.

Technologies Used

• Frontend: React, Vite, Tailwind CSS, Axios, react-toastify
• Backend: Node.js, Express, Prisma, PostgreSQL, Zod, Jest, Supertest
• Database: PostgreSQL (running in Docker)

Getting Started

Prerequisites

• Node.js (v16 or later)
• Docker and Docker Compose

Setup

1. Clone the repository (if applicable):

   git clone <repository-url>
   cd task-manager

2. Install backend dependencies:

   cd backend
   npm install

3. Install frontend dependencies:

   cd ../frontend
   npm install

Running the Application

1. Start the database: From the root directory, run:

   docker-compose up -d

2. Run database migrations: From the backend directory, run:

   npx prisma migrate dev

3. Start the backend server: In a new terminal, from the backend directory, run:

   npm run dev

   The backend will be running at http://localhost:5000.

4. Start the frontend server: In another new terminal, from the frontend directory, run:

   npm run dev

   The frontend will be running at http://localhost:5173.

Running Tests

Backend Tests

1. Navigate to the backend directory:

   cd backend

2. Run the tests:

   npm test

Frontend Tests

1. Navigate to the frontend directory:

   cd frontend

2. Run the tests:

   npm test

API Documentation

The API documentation is generated with Swagger and is available at http://localhost:5000/api-docs when the backend server is running.