Skip to content

hydaline-code/Todo-List

Repository files navigation

📗 Table of Contents

📖Todo List

Aproject to build a simple HTML list of To Do tasks. The list will be styled according to the specifications listed later . The web page will be built using webpack and served by a webpack dev server.

[Todo List]

🛠 Built With

Tech Stack

-Webpack
- Javascript : modules and dynamic content creation
-Scss for simple styling

Key Features

- Set up a new project with webpack
- Write a function to iterate over the tasks
-On page load render the dynamically created list 

💻 Getting Started

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

Prerequisites

In order to run this project you need:

  • Visual Studio Code
  • Web browser such as chrome
  • Internet Access

Setup

Clone this repository to your desired folder:

  git clone :  https://github.com/hydaline-code/Tod-List.git
  cd folder 
  code . :open in vscode

Install

Install this project with:

  npm install : if you have Node.js
  npm run build : to build webpack
  npm start : to see the project live

(back to top)

Run tests

To run syntax checks tests, run the following command:

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

(back to top)

Deployment

You can deploy this project using:

  gh-pages
  netlify
  vercel

(back to top)

Live demo

https://hydaline-code.github.io/Todo-List/dist/

(back to top)

👥 Author

👤 Hydaline

🔭 Future Features

  • Apply complete stylings to make more beautiful
  • A complete customization of the SPA

🤝 Contributing

Contributions, issues, and feature requests are welcome!

⭐️ Show your support

If you like this project you can go ahead give some stars to the repository.

🙏 Acknowledgments

I give thanks to Microverse community for investing in me. I am looking forth to building more projects

📝 License

This project is MIT licensed.

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published