https://github.com/riya12aaa12/board_infinity_frontend
https://github.com/riya12aaa12/board_infinity_frontend
api firebase reactjs typescript
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/riya12aaa12/board_infinity_frontend
- Owner: Riya12aAa12
- Created: 2024-09-09T17:26:58.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-09-09T18:25:08.000Z (almost 2 years ago)
- Last Synced: 2025-07-06T10:02:54.222Z (about 1 year ago)
- Topics: api, firebase, reactjs, typescript
- Language: TypeScript
- Homepage: https://board-infinity-assingment.vercel.app/
- Size: 201 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Task Management Board
This project is a Task Management Board built with React, designed to help you manage tasks with ease. It allows you to create, update, and track tasks across different statuses (TODO, IN PROGRESS, COMPLETED) with a user-friendly interface. The tasks are saved in local storage, ensuring that your data persists even after refreshing the page.
## Features
- **Create Tasks**: Easily add new tasks with title, description, priority, and date.
- **Status Management**: Move tasks between TODO, IN PROGRESS, and COMPLETED columns.
- **Local Storage**: Saves tasks to local storage to persist data across page refreshes.
- **Responsive Design**: User-friendly interface that works on both desktop and mobile devices.
## Technologies Used
- **React**: For building the user interface.
- **TypeScript**: For type safety and better development experience.
- **CSS**: For styling the application.
- **Font Awesome**: For icons used in the task items.
## Installation
To set up this project locally, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/your-username/task-management-board.git
Navigate to the project directory:
bash
cd task-management-board
Install dependencies:
bash
npm install
Run the project:
bash
npm start
The application will be running on http://localhost:3000.
Usage
Creating a Task:
Click on the "Create Task" button.
Fill in the task details such as title, description, priority, and date.
Click "Add Task" to save the task.
Changing Task Status:
Click on the dropdown icon next to a task title.
Select the desired status (TODO, IN PROGRESS, COMPLETED).
View Tasks by Status:
Tasks are organized into three columns: TODO, IN PROGRESS, and COMPLETED.
Project Structure
src/: Contains the main source code of the application.
components/: Contains React components such as TaskBoard and TaskModal.
types/: Defines TypeScript types used throughout the project.
TaskBoard.tsx: The main component that displays the task board and manages tasks.
Contributing
If you would like to contribute to this project, please follow these steps:
Fork the repository.
Create a new branch (git checkout -b feature-branch).
Make your changes and commit them (git commit -m 'Add some feature').
Push to the branch (git push origin feature-branch).
Open a pull request.
License
This project is licensed under the MIT License - see the LICENSE file for details.
Contact
### Customization:
- Replace `" https://github.com/Riya12aAa12/Board_Infinity_Frontend.git
"` with the actual repository URL.
- Update the contact email and any other details to match your specifics.
This README provides a clear overview of the project, installation steps, and usage instructions, making