Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/azaanullah-khan/task-manager
It is a task manager, made using html css js and localStorage
https://github.com/azaanullah-khan/task-manager
css html javascript js localstorage responsive task-manager ui
Last synced: about 6 hours ago
JSON representation
It is a task manager, made using html css js and localStorage
- Host: GitHub
- URL: https://github.com/azaanullah-khan/task-manager
- Owner: AzaanUllah-Khan
- Created: 2024-08-27T20:02:18.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-08-30T18:42:26.000Z (6 months ago)
- Last Synced: 2024-12-19T00:19:42.477Z (about 2 months ago)
- Topics: css, html, javascript, js, localstorage, responsive, task-manager, ui
- Language: JavaScript
- Homepage: https://taskmanager-azaan.netlify.app/
- Size: 36.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Task Manager
A simple and intuitive Task Manager application built with HTML, CSS, and JavaScript. This application allows users to manage their tasks efficiently by adding, completing, and deleting tasks. It also supports saving tasks to local storage to persist data across sessions.
## Features
- **Task Management**: Add, complete, and delete tasks.
- **Completed Tasks View**: Switch between active and completed tasks.
- **Persistent Data**: Tasks and completed tasks are saved to and loaded from local storage.
- **Loader Animation**: A visual loading screen is shown while the content is being prepared.
## Technologies Used
- HTML
- CSS
- JavaScript
## Setup
### 1. Clone the Repository
```bash
git clone https://github.com/AzaanUllah-Khan/Task-Manager.git
cd task-manager
```
### 2. Open the Project
Open `index.html` in your web browser to view and interact with the application.
## Usage
### Adding Tasks
- Type your task in the input field and click the "Add Task" button or press `Enter`.
### Completing Tasks
- Click the check icon next to a task to mark it as completed. It will move to the Completed Tasks section.
### Deleting Tasks
- Click the trash icon next to a task to delete it. This action is available for both active and completed tasks.
### Switching Tabs
- Use the "Tasks" and "Completed" buttons to toggle between active tasks and completed tasks views.
## Project Structure
- **`index.html`**: The main HTML file.
- **`styles.css`**: The CSS file for styling the application.
- **`script.js`**: The JavaScript file for application logic.
## Contributing
If you wish to contribute to this project:
1. **Fork the repository**.
2. **Create a pull request** with your changes.
## Contact
For any inquiries or feedback, please reach out to:
- **Email**: [email protected]
- **GitHub**: [AzaanUllah Khan](https://github.com/AzaanUllah-Khan)