/todolist-with-webpack

The project is for implementing a to do list with local storage so that you can follow your daily tasks. The project is also deployed with webpack!

Primary LanguageJavaScriptMIT LicenseMIT

TO-DO-LIST with Webpack

To-do-list project allows you to write tasks daily so that you will not forget to finish them! It allows you to add, remove, check, update the tasks. Furthermore you can also remove the completed tasks via checking them and clicking clear all completed!

Live Version

https://mkaya13.github.io/todolist-with-webpack/dist/index.html

Setup

To use this project, you can simply follow the following steps

To get a local copy up and running follow these simple example steps.

  • Clone the project on your local machine
  • Run npm install on the root directory to get the javascript packages
  • Build the project using npm run build
  • Run the server using npm start

Built With

  • HTML

  • CSS

  • Javascript

  • Webpack

  • Jest (for Tests)

  • Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

  • Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).

  • Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

Linter Tests

  • npx hint .
  • npx stylelint "**/*.{css,scss}"
  • npx eslint .

To run Webpack

  • npm run build

  • npm start

Tests

  • npm run test

Prerequisites

  • Have a local version control like Git. Which is a open source distributed version control system designed for source code management
  • A text editor (e.g Visual Studio Code, Vim, Atom & Sublime.)
  • A web browser (e.g Chrome, Safari, Mozilla Firefox.)
  • Live Server which is a web extension that helps you to live reload feature for dynamic content (PHP, Node.js, ASPNET)
  • Download waves to check project accessibilty

Author

👤 Mert Kaya

🤝 Contributing

  • Contributions, issues, and feature requests are welcome!

  • Feel free to check the issues page.

Show your support

  • Give a ⭐️ if you like this project!

📝 License

  • This project is MIT licensed.