To Do List

////////////////////////////////////////////

Table of Contents 📗

• About the Project 📖
  • Built With 🛠
    • Tech Stack 🗜️
    • Key Features 🏷️
  • Screenshot
  • 🚀 Live Demo
• Getting Started 💻
  • Setup ⚙️
  • Prerequisites 🧱
  • Install 🏗️
  • Usage 📂
  • Run tests 🧪
  • Deployment
• Author 👤
• Future Features 🔭
• Contributing 🤝
• Show your support 🌟
• Acknowledgements 🙏
• License 📝

---

---

To Do List 📖

To-do list is 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 🛠

Tech Stack 🗜️

Client

• HTML5 markup to build raw structure of this web page


• CSS3 custom properties, FlexBox, Grid to make the website visually attractive


• Javascript


• Linters for coding convention and coding formating
• Webpack

Server

• Webpack server

---

Key Features 🏷️

• Adding a new item
• Removing a selected item
• Marking a selected item as complete
• Removing all items marked as complete at once

(back to top)

---

Screenshot 📷

Below is an overview of the app.

(back to top)

---

Live Demo 🚀

This project is hosted on GitHub pages, so if you want to check it online, please click 😊 here.

(back to top)

---

Getting Started 💻

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

Prerequisites 🧱

In order to run this project you need:

• A Github account
• Node JS
• Webpack
• A web browser to view output e.g Microsoft Edge.
• An IDE e.g Visual studio code.
• A terminal.

---

Setup ⚙️

Clone this repository to your desired folder:

  cd my-folder
  git clone https://github.com/lily4178993/To-do-list.git

• Navigate to the folder

cd my-folder
cd To-do-list

• Checkout the branch

git checkout master

---

Install 🏗️

Install all dependencies:

    npm install

---

Usage 📂

To run the project, open your terminal and tap the following line.

    npm run build

    npm start

---

Run tests 🧪

How should it be tested? To run tests, run the following command:

• HTML linter errors run:

npx hint .

• CSS linter errors run:

npx stylelint "**/*.{css,scss}" --fix

• JavaScript linter errors run:

npx eslint . --fix

---

Deployment

You can deploy this project using: GitHub Pages, Vercel or Netlify.

This project was deployed using GitHub Pages. For more information about how to use GitHub pages read here 🤩. If you want to watch a video about how to use GitHub pages instead of reading click here.

(back to top)

---

👤 Author

Nelly Telli

• GitHub: @lily4178993
• Twitter: @nelly_telli
• LinkedIn: Nelly T.

(back to top)

---

Future Features 🔭

• Make the app responsive
• Reordering a selected item (as drag-and-drop)

(back to top)

---

Contributing 🤝

If you have suggestions 📝, ideas 🤔, or bug reports 🐛, please feel free to open an issue on GitHub. Remember, every contribution, no matter how big or small, makes a difference.

(back to top)

---

Show your support 🌟

Thank you for taking the time to explore my GitHub project! Your support means a lot to me. If you find my project valuable and would like to contribute, here are a few ways you can support me:

• Star the project ⭐️: Show your appreciation by starring this GitHub repository. It helps increase visibility and lets others know that the project is well-received.

• Fork the project 🍴 🎣: If you're interested in making improvements or adding new features, feel free to fork the project. You can work on your own version and even submit pull requests to suggest changes.

• Share with others 🗺️: Spread the word about this project. Share it on social media, mention it in relevant forums or communities, or recommend it to colleagues and friends who might find it useful.

(back to top)

---

Acknowledgments 🙏

I would like to express my sincere gratitude to Microverse, the dedicated reviewers, and my partners. Your unwavering support, feedbacks, and collaborative efforts have played an immense role in making this journey a resounding success. Thank you for being an integral part of my achievements.

I would also like to thank Icons8 for all the images and icons I used in this project.

(back to top)

---

License 📝

This project is MIT licensed.

(back to top)