To Do List
Keep a track of all the tasks you need to do and Check off ones you have completed - topped with some Quirky animations and a Clean UI - Created using HTML, SCSS, JavaScript, and Webpack.
Overview
The To Do List application offers an intuitive and engaging way to manage your tasks. With its clean user interface and quirky animations, this tool not only helps you keep track of your to-do items but also makes the experience enjoyable. Developed using HTML, SCSS, JavaScript, and Webpack, it combines functionality with a modern design.
Features
- Task Management: Easily add and remove tasks, ensuring you have a comprehensive view of what needs to be done.
- Quirky Animations: Enjoy delightful animations that add a fun element to checking off completed tasks, making productivity feel less mundane.
- Clean UI: The straightforward and slick interface allows for effortless navigation, enhancing user experience.
- Responsive Design: Accessible on various devices, ensuring you can manage your tasks anytime, anywhere.
- Progress Tracking: Stay motivated by checking off completed tasks and visually tracking your progress over time.
- SCSS
SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- GitHub Pages
Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.
- Webpack
Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.