Skip to content

This educational project is to make a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, CSS, JavaScript and Webpack.

Notifications You must be signed in to change notification settings

Elijahdre/To-do-List

Repository files navigation

Todo-List app

The to do list app is the app that helps people to track what they have to do in a day. With this app, you can add a new activity with description, remove it and also check it if it is completed. There is a lot more of what someone can do with it.

Built With

  • Languages: HTML, CSS and JavaScript
  • Linters: Lighthouse, Webhint, Stylelint and ESlint
  • Module Bundler: Webpack
  • Module Bundler Loaders: Style, CSS
  • Module Bundler Plugin: HtmlWebpackPlugin
  • Code Editor: VS Code

Website Mockup 📱 💻 🖥️

all-devices-black

Live Demo 🔗

Check out the live demo here👈

Getting Started

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

Prerequisites

  • A web browser like Google Chrome.
  • A code editor like Visual Studio Code with Git and Node.js.

You can check if Git is installed by running the following command in the terminal.

$ git --version

Likewise for Node.js and npm for package installation.

$ node --version && npm --version

Setup

Clone the repository using the GitHub link provided below.

Install

In the terminal, go to your file directory and run this command.

$ git clone git@github.com:Elijahdre/To-do-List.git

Usage

Kindly modify the files as needed.

Run tests

To check for linters, use the files provided by Microverse. A GitHub action is also set to run during pull request.

$ npm install

Deployment

This app is deployed in the GitHub Pages for easy viewing upon merged on the main branch. Please find the link in the Live Demo section.l

Authors

👤 Elijah Odjegba

  • GitHub: GitHub Badge
  • Twitter: Twitter Badge
  • LinkedIn: LinkedIn Badge

🤝 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!

Acknowledgments

📝 License

This project is MIT licensed

About

This educational project is to make a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Built with HTML, CSS, JavaScript and Webpack.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published