akashtripathiiiii / pedalstart-task-management

Pedalstart Task Management is a simple application that allows users to manage their tasks. Users can create, update, delete, and mark tasks as completed.

Home Page:https://akashtripathiiiii.github.io/pedalstart-task-management/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pedalstart Task Management

Pedalstart Task Management is a simple application that allows users to manage their tasks. Users can create, update, delete, and mark tasks as completed.

Images

1. Task List

Screenshot 2024-06-14 210512

2. Add Task

Screenshot 2024-06-14 210532

3. Show Incomplete Task

Screenshot 2024-06-14 210549

4. Task Detail

Screenshot 2024-06-14 210549

Features

  • Add new tasks with a title, description, and due date.
  • View a list of tasks.
  • Edit and delete tasks.
  • Mark tasks as completed with a checkbox.

Technologies Used

  • Frontend: React, Axios, Styled Components
  • Backend: Node.js, Express.js, MongoDB (Mongoose)

Prerequisites

Before you begin, ensure you have the following installed on your machine:

  • Node.js (v12.x or later)
  • npm (v6.x or later)
  • MongoDB (local or cloud instance)

Installation

Clone the Repository

git clone https://github.com/akashtripathiiiii/pedalstart-task-management.git
cd pedalstart-task-management

Backend Setup

  1. Navigate to the backend directory:

    cd server
  2. Install backend dependencies:

    npm install
  3. Create a .env file in the backend directory and add your MongoDB URI and other environment variables:

    MONGO_URI=your_mongodb_uri
    PORT=5000
  4. Start the backend server:

    npm start

    The backend server should now be running on http://localhost:5000.

Frontend Setup

  1. Navigate to the root directory of the project (where package.json is located):

    cd ..
  2. Install frontend dependencies:

    npm install
  3. Start the frontend development server:

    npm start

    The frontend development server should now be running on http://localhost:3000.

API Endpoints

Task Endpoints

  • GET /tasks: Get all tasks
  • GET /tasks/:id: Get a single task by ID
  • POST /tasks: Create a new task
  • PUT /tasks/:id: Update a task by ID
  • DELETE /tasks/:id: Delete a task by ID

License

This project is licensed under the MIT License.

About

Pedalstart Task Management is a simple application that allows users to manage their tasks. Users can create, update, delete, and mark tasks as completed.

https://akashtripathiiiii.github.io/pedalstart-task-management/


Languages

Language:JavaScript 86.0%Language:HTML 9.4%Language:CSS 4.6%