anita00001 / react-todos

📗 Table of Contents

• 📖 About the Project
• 🛠 Tech Stack
• Key Features
• Live demo
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Deployment
• 👥 Author
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgements
• 📝 License

📖 Todos App

This a Todos app built with HTML, CSS, REACT. In this app you can create and manage the Todos list like adding Todos, Marking completed Todos, deleting a completed Todos, Clearing all completed Todos etc. We have implemented the props, event handling like onClick and Hooks like useState and useEffect.

🛠 Tech Stack

React

• reactjs.org

CSS

• style.css

Javascript

• script.js

NodeJS

• Node.js

Key Features

• Use of functional components
• Use of props, state and Hooks
• Use if React form
• Implementation of CSS in ReactJs App
• Use of React lifecycle method
• Use of SVG icons in React
• Deploying React app in GitHub Pages

(back to top)

💻 Live Demo

Check the demo of the app
Live demo link

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• Git bash
• Visual Code Studio

Setup

Clone this repository to your desired folder:
cd your-folder

git clone https://github.com/anita00001/react-todos.git

Install

Install npm

npm install

Install dependency for linters check Find the guide here.

Usage

Run the project on Visual Studio Code Live Server

npm start 

(back to top)

Run tests

To run tests, run the following command:

To check for css errors run:

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

To check for js errors run:

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

Deployment

Deploy using gh-pages

👥 Author

👤 Anita Sharma

• GitHub: @anita00001
• Twitter: @anitaa_sharmaa
• LinkedIn: anitaa-sharmaa

🔭 Future Features

• Routing with React Router
• Hamburger menu in React
• Persisting React State in local storage

🤝 Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project!

If you like this project feel comfortable to endorse the authors. Give a star in github repository.

(back to top)

🙏 Acknowledgments

I would like to express my sincere gratitude to the following individuals for their help and support in the development of this project:

• @K0ppai: Thank you for your motivation and encouragement.
  I am truly grateful for all the help and support I have received from these individuals.

(back to top)

📝 License

This project is MIT licensed.

(back to top)