A functional and responsive task management application designed to help users organize their daily activities. This project focuses on providing a seamless user experience for creating, tracking, and managing a list of tasks with a clean and intuitive interface.
- HTML5 – Semantic markup for accessibility and SEO.
- SCSS – Advanced styling with variables and nesting for maintainability.
- JavaScript (ES6+) – Logic for task manipulation and DOM updates.
- ESLint (v8.x) – To ensure code quality and consistency.
- Stylelint (v16.x) – For maintaining clean and error-free SCSS.
- Parcel/Vite – For fast bundling and local development.
To get a local copy up and running, follow these simple steps:
- Clone the repository:
Note: Git must be installed on your machine.
git clone https://github.com/4xmplme/Todos.git
cd Todos- Install dependencies:
Important: Node.js (v14.21.3 or higher) is required.
npm install
# or
yarn install
# or
pnpm install- Run the project locally:
npm start
# or
yarn start
# or
pnpm install- Task Management: Easily add, edit, and delete tasks.
- Status Tracking: Mark tasks as completed or active with a single click.
- Filtering: Filter tasks by "All", "Active", and "Completed" states.
- Data Persistence: Tasks are saved to localStorage so they remain even after refreshing the page.
- Responsive Design: Fully optimized for mobile, tablet, and desktop screens.
- Bulk Actions: "Clear completed" button to quickly tidy up your list.
- Modern UI: Clean, minimalist design using BEM methodology for CSS.