Trello-task-management

Trello Management app

Trello Management app is mern stack Task Management Application built with Next.js for the frontend and Node.js with Express and MongoDB for the backend. The application allows users to register, log in, and manage tasks with features such as creating, updating, deleting, and retrieving tasks.

Features

Images

Screenshot 2024-07-31 at 12 18 36 AM

Screenshot 2024-07-31 at 12 18 03 AM

Screenshot 2024-07-31 at 12 18 09 AM

Backend Setup

  1. Cd into the folder:

    cd backend
    
  2. Install dependencies:

    npm install
    
  3. Create a .env file in the backend directory and add the following environment variables:

    PORT=8080
    MONGODB_URI=YOUR_MONGODBURL
    JWT_SECRET=your_jwt_secret
    

    Replace your_jwt_secret with a secure secret key.

  4. Start the backend server:

    npm run dev
    

    The backend server will run on http://localhost:8080.

Frontend Setup

  1. Navigate to the frontend directory:

    cd ../frontend
    
  2. Install dependencies:

    npm install
    
  3. Create a .env.local file in the frontend directory and add the following environment variable:

    NEXT_PUBLIC_BACKEND_URL=http://localhost:8080
    
  4. Start the frontend server:

    npm run dev
    

    The frontend application will run on http://localhost:3000.