Skip to content

W0x3R/TODO-APP

Repository files navigation

Todo App ✅

ToDo is a great app for keeping yourself organized and on track with all the things that you have to do! It's very intuitive and easy to navigate..

readmePhoto

💻 Deploy: Link

Technology stack

🔴 HTML

🔴 SCSS

🔴 JavaScript (ES6)

🔴 Webpack 5

Features

➖ Ability to add a task when you click on the ADD button.
➖ Checking for an empty string.
➖ Checking for duplicate assignments.
➖ Ability to mark a task as completed and save it to local storage.
➖ Ability to delete a task with the current to-do list saved in local storage.
➖ Ability to switch the theme of the application with saving the theme when the application is restarted.
➖ If you have a large number of tasks, an arrow appears, when you click on it, the page scrolls to the very top.

Lighthouse

Desktop

lightHouse

Run the project locally:

To start working on the project on your local machine, please, make sure that you install Git and Node.js LTS.

Steps to start:

  • Clone repository.
  • Open the project locally.
  • Switch to the dev-page branch.
  • Run npm install or npm i - to install all packages needed.
  • Run npm run start - to starts a local dev-server (The tab will open automatically in the browser).
  • Run npm run dev - build the project for development.
  • Run npm run prod - build the project for production.