Table of Contents 📗

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

---

---

React Todos 📖

React Todos 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
  
• React Js


• Linters for coding convention and coding formating

---

Key Features 🏷️

• Adding a new item
• Removing a selected item
• Marking a selected item as complete

(back to top)

---

(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
• An IDE e.g Visual studio code.
• A terminal.

---

Setup ⚙️

Clone this repository to your desired folder:

  git clone https://github.com/lily4178993/react-todo-app.git

• Navigate to the folder

cd react-todo-app
code .

• Checkout the branch

git checkout dev

---

Install 🏗️

Install all dependencies:

    npm install

---

Usage 📂

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

    npm start

---

Run tests 🧪

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

• CSS linter errors run:

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

• JavaScript linter errors run:

npx eslint "**/*.{js,jsx}" --fix

---

(back to top)

---

👤 Author

Nelly Telli

• GitHub: @lily4178993
• LinkedIn: Nelly T.

(back to top)

---

Future Features 🔭

• Add About and Contact Pages
• Add editing functionalities to Todos list items

(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 ⭐️
• Fork the project 🍴 🎣
• Share with others 🗺️

(back to top)

---

Acknowledgments 🙏

I would like to express my sincere gratitude to Microverse, the dedicated reviewers, and my partner.

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)