Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sm-noushan/task-management-client-bytebux
This project is a task management application that allows users to manage tasks effectively. It provides features for listing tasks, adding new tasks, editing existing tasks, deleting tasks, and marking tasks as completed or not completed.
https://github.com/sm-noushan/task-management-client-bytebux
cors expressjs mongodb mvc-architecture prop-types react-hot-toast reactsjs redux redux-toolkit rtk-query tailwindcss vite
Last synced: 15 days ago
JSON representation
This project is a task management application that allows users to manage tasks effectively. It provides features for listing tasks, adding new tasks, editing existing tasks, deleting tasks, and marking tasks as completed or not completed.
- Host: GitHub
- URL: https://github.com/sm-noushan/task-management-client-bytebux
- Owner: SM-Noushan
- Created: 2024-07-10T14:19:16.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-12T04:58:20.000Z (5 months ago)
- Last Synced: 2024-10-21T20:32:05.630Z (2 months ago)
- Topics: cors, expressjs, mongodb, mvc-architecture, prop-types, react-hot-toast, reactsjs, redux, redux-toolkit, rtk-query, tailwindcss, vite
- Language: JavaScript
- Homepage: https://task-management-bytebux.vercel.app
- Size: 119 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Task Management App
## Overview
This project is a task management application that allows users to manage tasks effectively. It provides features for listing tasks, adding new tasks, editing existing tasks, deleting tasks, and marking tasks as completed or not completed. The application is designed to be responsive, ensuring usability on both desktop and mobile devices.
- [Live-Site](https://task-management-bytebux.vercel.app)
- [Server-Repo](https://github.com/SM-Noushan/task-management-server-bytebux)
## Features
### Task List Page
- Displays a list of tasks.
- Each task shows a title, description, and status (completed or not).
- Users can add new tasks.
- Users can edit existing tasks.
- Users can delete tasks.
- Users can mark tasks as completed or not completed.
### Add/Edit Task Form
- Provides a form for adding a new task or editing an existing task.
- Includes fields for title and description.
- Includes a checkbox or toggle for marking the task as completed.
### Responsiveness
- The application is fully responsive and usable on both desktop and mobile devices.
## Technologies Used in this Project
- ReactJS
- TailwindCSS
- MongoDB (Server Side)
- Express.js (Server Side)
## Setup
### Prerequisites
Before you begin, ensure you have the following installed on your system:
- [Git](https://git-scm.com/downloads)
- [Node.js](https://nodejs.org/) (LTS version recommended)
### Installation
1. Clone the repository:
```bash
git clone https://github.com/SM-Noushan/task-management-client-bytebux
cd task-management-client-bytebux
```
2. Install dependencies:
```bash
npm install
```
### Environment Setup
1. Create a `.env.local` file in the root directory of the project and add the following environment variables:
```dotenv
VITE_API_URL = http://localhost:8000/api
```
## Running the Project
1. To run the project locally, use the following command:
```bash
npm run dev
```
This will start the server and make your application accessible at `http://localhost:5173` (or your specified port).
## API Documentation
### Endpoints
- `GET /tasks`: Retrieves a list of tasks.
- `GET /tasks/:id`: Retrieves a specific task by ID.
- `POST /tasks`: Creates a new task.
- `PUT /tasks/:id`: Updates an existing task by ID.
- `DELETE /tasks/:id`: Deletes a task by ID.
Thank you!