React todo App

This is a todo application that enables users to manage their daily tasks

Built With

• React
• HTML and
• CSS

Live Demo (if available)

[Live Demo Link]

Getting Started

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

Setup

• git clone https://github.com/Dinma-Faith/react-todo.git

Usage

• Usage: cd https://github.com/Dinma-Faith/react-todo.git, npm install, npm start.

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

Prerequisites

• Have a working and updated browser
• Have a local version control like git install on your computer
• Have knowledge about figma to adapt the design by following some specific requirements
• Have an account and sign in on GitHub, as online/remote version control system
• Download waves to check project accessibilty

Setup

-Clone the git repo using this command: git clone git@github.com:Dinma-Faith/react-todo.git

Install

• Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).

• Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).

• Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).

• ESlint (A mighty, modern linter that helps you avoid errors and enforce conventions in JavaScript codes)

Create React App

• npx create-react-app my-app
• cd my-app
• npm start

Usage

• Usage: cd https://github.com/Dinma-Faith/react-todo.git, npm install, npm start.

Run tests

• npx hint . : To test html codes
• npx stylelint "/*.{css,scss}"** : To test css code
• npx eslint . : To test Eslint Report

Deployment

• Go to settings
• Click on pages
• Choose your source
• Choose folder
• choose a theme(optional)
• Enforce HTTPS
• And then save.

Authors

👤 Author1

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

🤝 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

• Hat tip to anyone whose code was used
• Inspiration
• etc

The design has been inspired by:

Microverse

📝 License

This project is MIT licensed.