https://github.com/gealsanchez/todo_react

Stores the description of a task in the Local Storage, the user can update and delete any task. To Do list: Easily add & remove tasks to a list. Built with React, CSS & JavaScript.
https://github.com/gealsanchez/todo_react

Last synced: 21 days ago
JSON representation

Stores the description of a task in the Local Storage, the user can update and delete any task. To Do list: Easily add & remove tasks to a list. Built with React, CSS & JavaScript.

• Host: GitHub
• URL: https://github.com/gealsanchez/todo_react
• Owner: gealsanchez
• License: mit
• Created: 2024-05-02T18:29:16.000Z (8 months ago)
• Default Branch: dev
• Last Pushed: 2024-05-13T20:26:27.000Z (8 months ago)
• Last Synced: 2024-11-03T16:36:46.750Z (2 months ago)
• Language: JavaScript
• Homepage: https://taskmate-todo-react.netlify.app/
• Size: 352 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        




To Do List Project




# 📗 Table of Contents

- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run tests](#run-tests)

- [👥 Authors](#authors)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)

# 📖 React Project 

**TaskMate** stores the description of a task, the user can update and delete any task in the Local Storage. To Do list: Easily add & remove tasks to a list. Built with React, CSS & JavaScript.

![Screenshot from 2024-05-13 15-12-14](https://github.com/gealsanchez/thetodolist/assets/94255143/fc7b1750-c793-464b-afb5-3d443ea10a0b)

![Screenshot from 2024-05-13 15-13-17](https://github.com/gealsanchez/thetodolist/assets/94255143/5261a0ab-e55e-4b11-a78d-e16093b91aef)

![Screenshot from 2024-05-13 15-13-31](https://github.com/gealsanchez/thetodolist/assets/94255143/be9b5ee9-e8ab-4f46-9d5d-6f2a2effe1f8)

![Screenshot from 2024-05-13 15-13-45](https://github.com/gealsanchez/thetodolist/assets/94255143/fcaea3d3-23e6-4c95-9706-b171288240b5)

![Screenshot from 2024-05-13 15-14-01](https://github.com/gealsanchez/thetodolist/assets/94255143/31f453c6-f1cb-4d54-b211-c460d4b0c0c3)

![Screenshot from 2024-05-13 15-14-18](https://github.com/gealsanchez/thetodolist/assets/94255143/fa32940b-bb0a-4919-88bc-496f8b57599a)

## 🛠 Built With 

 - HTML

 - CSS

 - JavaScript

 - React

 - Webpack

### Tech Stack 

  Client

  


    
React.js

  


### Key Features 

- **Single Page Application**

- **React components**

- **React props**

- **Handle events in a React app**

- **Use styles in a React app**

- **Local Storage Handling**

(back to top)


## 🚀 Live Demo 

- - [Live Demo Link](https://taskmate-todo-react.netlify.app/)

(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:

- node.js

- git

### Setup

Clone this repository to your desired folder:

- Open your terminal

- Navigate to the directory where you want to clone the project.

- Clone the project using by running the following command:

`git clone [email protected]:gealsanchez/todo_react.git`

### Install

Install this project using the following command: 

`npm install`.

### Usage

To run the project, execute the following commands:

- `npm run build`

- `npm start`

### Run tests

To run tests, run the following command:

`npm test`

(back to top)


## 👥 Authors 

👤 **Gerson SANCHEZ**

- GitHub: [@github](https://github.com/gealsanchez)

- Twitter: [@twitter](https://twitter.com/gealsanchez)

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/gersonsanchezsandoval/)

(back to top)


## 🤝 Contributing 

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(back to top)


## ⭐️ Show your support 

Give a ⭐️ if you like this project!

(back to top)


## 🙏 Acknowledgments 

I would like to thank Microverse and Shubham Sarda (Original design idea).

(back to top)


## 📝 License 

This project is [MIT](./LICENSE) licensed.

_NOTE: we recommend using the [MIT license](https://choosealicense.com/licenses/mit/) - you can set it up quickly by [using templates available on GitHub](https://docs.github.com/en/communities/setting-up-your-project-for-healthy-contributions/adding-a-license-to-a-repository). You can also use [any other license](https://choosealicense.com/licenses/) if you wish._

(back to top)