Alejandroq12/react-todo

A simple and intuitive to-do list application built with React, designed to help you efficiently manage and organize your daily tasks. This user-friendly app allows you to stay focused and enhance your productivity.

React.js to-do list

React.js to-do list

📗 Table of Contents

• React.js to-do list
• 📗 Table of Contents
• 📖React.js to-do list
  • 🛠 Built With
    • Tech Stack
    • Key Features
  • 🚀 Live Demo
  • 💻 Getting Started
    • Prerequisites
    • Setup
    • Install
    • Usage
    • Run tests
    • Deployment
  • 👥 Author
  • 🔭 Future Features
  • 🤝 Contributing
  • ⭐️ Show your support
  • 🙏 Acknowledgments
  • ❓ FAQ
  • 📝 License

📖React.js to-do list

A simple and intuitive to-do list application built with React, designed to help you efficiently manage and organize your daily tasks. This user-friendly app allows you to stay focused and enhance your productivity.

🛠 Built With

HTML, CSS, JavaScript, React.js

Tech Stack

Client

• HTML
• CSS
• JavaScript
• React.js

Package Manager

• npm

Linters

• ESLint
• Stylelint

Key Features

• Keep track of multiple tasks.
• Edit your tasks
• Create new tasks

(back to top)

🚀 Live Demo

It will be available soon!

• Live Demo Link

(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 web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• node should be installed in your local machine, node website.
• Install the npm package manager use this to install both node and npm.
• A terminal.

Setup

Clone this repository to your desired folder or download the Zip folder:

https://github.com/Alejandroq12/react-todo.git

• Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd react-todo

Install

To install all dependencies, run:

npm install

Usage

To run the project, follow these instructions:

• After Cloning this repo to your local machine.
• You can also use npm start command in terminal to run this at the localhost.

Run tests

To run tests, run the following command:

• Track CSS linter errors run:

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

• Track JavaScript linter errors run:

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

Deployment

You can deploy this project using: GitHub Pages,

• I used GitHub Pages to deploy my website.
• For more information about publishing sources, see "About GitHub pages".

(back to top)

👥 Author

👤 Julio Quezada

• GitHub: Alejandroq12
• Twitter: @JulioAle54
• LinkedIn: Julio Quezada

(back to top)

🔭 Future Features

• It will allow user to log in and sign up

(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 give me a star ⭐️

(back to top)

🙏 Acknowledgments

I want to thank all my colleagues that share knowledge with and inspired to to improve each day.

(back to top)

❓ FAQ

• DWhat did you learn with this project?

  • I learned a lot about React.js, components, props, state, and hooks.

(back to top)

📝 License

This project is LICENSE licensed.

(back to top)