My-ToDo-List

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
• 💻 Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• 👥 Authors
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• [FAQ]
• 📝 License

📖 [MY-TODO-LIST]

MY-TODO-LIST is a project i worked to help clients all around the world set goals/tasks according to priority.

🛠 Built With

Visual Studio Code, Github

Tech Stack Frontend Technology

The Tech stack used in this project is the frontend technology and it consists of just the index.html,scipt.js and styles.css and webpack files

Cascading Style Sheet

• CSS

Mark-Up Language

• HTML

JavaScript

• JavaScript

Key Features

• [Fresh quality content]
• [Speed and responsive]
• [Easy to use]
• [Adding and removing of tasks]

(back to top)

🚀 Live Demo

• Live Demo Link

(back to top)

💻 Getting Started

All necessary files about the concert are present in the repo so run/install it and check through for any information you might need.

Prerequisites

In order to run this project you need: A browser A good internet connection Visual Studio Code [OPTIONAL]

Setup

Clone this repository to your desired folder:

• cd my-project
  • git clone https://github.com/David-Lanzz/My-ToDo-List.git

Install

Install this project with:

• cd MY-TODO-LIST
• npm install

Usage

To run the project, Click on the live Demo link or…

• git clone https://github.com/David-Lanzz/My-ToDo-List.git
• cd My-ToDo-List
• npm install
• npm start

Run tests

To run tests, run the following command: npm install –save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x npx stylelint “*/.{css,scss}”

npm install –save-dev hint@7.x npx hint .

npm install –save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x npx eslint .

Deployment

You can deploy this project using:

githack and github pages

(back to top)

👥 Authors

👤 Author1

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• [A feature that allows users drag and drop tasks to desired position]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

If you like this project… please leave me a comment in my twitter account, Thankyou

(back to top)

🙏 Acknowledgments

I will like to give kudos to microverse for assigning the creation of this project to me.

(back to top)

FAQ

• How did you get the linters to work for the html and CSS

  • Move into the project directory, copy and run the following commands:

  “npm install –save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x”

  then: npx stylelint “*/.{css,scss}” to test for CSS and npx hint . for HTML

• How did you align the elements to stack on or beside eachother

• Use flex or grid boxes

(back to top)

📝 License

This project is MIT licensed.

(back to top)