Task Manager

This is a Task Manager project developed with pure HTML, CSS, and JavaScript.

Project Structure

• index.html: Main HTML file.
• css/: Folder containing all CSS files.
  • styles.css: Main CSS stylesheet.
• js/: Folder containing all JavaScript files.
  • index.js: Main JavaScript logic file.
• assets/: Folder for static resources like images, fonts, etc.
  • images/: Subfolder for storing images.
• README.md: Project documentation file.

How to Run the Project

1. Clone the repository.
2. Open index.html in your browser.

Features

• Add, edit, delete, and filter tasks.
• Store tasks in localStorage.
• User-friendly UX/UI.

Technologies Used

• HTML
• CSS
• JavaScript

Semantic HTML

This project uses semantic HTML to improve accessibility and SEO. Semantic HTML tags provide meaning to the web page content, making it easier for search engines and assistive technologies to understand the structure and content of the web page.

CSS Methodology

This project uses the BEM (Block, Element, Modifier) methodology for naming CSS classes. BEM helps in writing modular and reusable CSS code.

Using localStorage

The application uses localStorage to persist tasks between sessions. When a task is added, edited, or deleted, the changes are saved in the browser's localStorage. This allows the tasks to remain available even after the browser is closed and reopened.