https://github.com/thaboxan/thajaf449_wfo2401_groupa_thabojafta_jsl11
JSL11 Project: Agile Board - Kanban Task Management App
https://github.com/thaboxan/thajaf449_wfo2401_groupa_thabojafta_jsl11
css3 html5 javascript-es6
Last synced: 3 months ago
JSON representation
JSL11 Project: Agile Board - Kanban Task Management App
- Host: GitHub
- URL: https://github.com/thaboxan/thajaf449_wfo2401_groupa_thabojafta_jsl11
- Owner: thaboxan
- Created: 2024-04-15T15:19:09.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-22T20:23:27.000Z (10 months ago)
- Last Synced: 2025-02-07T07:18:34.803Z (5 months ago)
- Topics: css3, html5, javascript-es6
- Language: CSS
- Homepage: https://kanbanagileboard.netlify.app/
- Size: 6.26 MB
- Stars: 5
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# An Agile Board - Kanban Task Management App
Agile Board is a modern and efficient Kanban Task Management App designed to help individuals and teams streamline their workflow and boost productivity. This project, developed as the final project for the JSL series, is a testament to the mastery of JavaScript and web development principles.
## Features
- **Task Management**: Easily create, update, and delete tasks within your Kanban board.
- **Task Details**: View and edit detailed information about each task, including title, description, and status.
- **Read Tasks**: Seamlessly read tasks between different status columns (To-Do, Doing, Done) using a sleek interface.
- **Theme Customization**: Switch between light and dark mode to suit your preferences and reduce eye strain.
- **Local Storage Persistence**: Your tasks and board settings are automatically saved in the browser's local storage, ensuring data persistence even after refreshing or closing the app.
## Getting Started
To run the Agile Board app locally, follow these steps:
1. Clone the repository: `git clone (https://github.com/thaboxan/THAJAF449_WFO2401_GROUPA_ThaboJafta_JSL11)`
2. Navigate to the project directory
3. Open the `index.html` file in your preferred web browser.
## Usage
1. **Creating Tasks**: Click the "Add New Task" button to open the task creation modal. Fill in the details such as title, description, and status, then click "Create Task" to add it to your board.
2. **Updating Tasks**: Click on an existing task to open the edit modal. Make your desired changes and click "Save Changes" to update the task.
3. **Deleting Tasks**: Within the edit modal, you can click the "Delete Task" button to remove a task from your board.
4. **Reading Tasks**: View tasks between the "To-Do," "Doing," and "Done" columns to read their status.
5. **Theme Customization**: Toggle between light and dark mode by clicking the corresponding icon in the sidebar.
## Contributing
Contributions to the Agile Board project are welcome! If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request on the GitHub repository.
## License
This projectX is licensed under the [MIT License](LICENSE).