https://github.com/rodrigofontesdev/todo

A To-Do list to create and manage tasks built with React.
https://github.com/rodrigofontesdev/todo

mobile-friendly react study-project typescript

Last synced: 5 days ago
JSON representation

A To-Do list to create and manage tasks built with React.

• Host: GitHub
• URL: https://github.com/rodrigofontesdev/todo
• Owner: rodrigofontesdev
• License: mit
• Created: 2024-02-16T23:40:01.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-07T00:49:12.000Z (3 months ago)
• Last Synced: 2024-08-07T03:24:41.638Z (3 months ago)
• Topics: mobile-friendly, react, study-project, typescript
• Language: TypeScript
• Homepage:
• Size: 257 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
![cover](https://github.com/rodrigofontesdev/ignite-todo/assets/17281370/c105368c-7365-449b-b040-7d333484c2b7)

# ToDo

A web application to create and manage tasks in a "To-Do list" style.

The purpose of the project is to apply the most fundamental concepts of React, concepts that will be used in every future application.

# Prerequisites

- Node.js

- Git

# Getting Started

- Clone the repository (`git clone [email protected]:rodrigofontesdev/todo.git`)

- Install dependencies (`npm install`)

- Run application (`npm run dev`)

# Features

- Add a new task

- Mark and unmark a task as completed

- Remove a task from the list

- Show task completion progress

# I've Learned

- Create components

- Share data between components (`props`)

- Render lists (lists and `key`)

- Retain data between renders (`useState()`)

- Immutability (and how to not break it!)

# Built With

- React

- TypeScript

# License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE) file for details.