https://github.com/kenmarcos/todo-list-front-rs

Aplicação front-end de gerenciamento de tarefas. Desafio da formação de React.js da Rocketseat.
https://github.com/kenmarcos/todo-list-front-rs

css-modules react typescript vite

Last synced: 20 days ago
JSON representation

Aplicação front-end de gerenciamento de tarefas. Desafio da formação de React.js da Rocketseat.

• Host: GitHub
• URL: https://github.com/kenmarcos/todo-list-front-rs
• Owner: kenmarcos
• Created: 2024-05-14T03:19:01.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-14T16:40:38.000Z (8 months ago)
• Last Synced: 2024-10-16T19:18:59.973Z (2 months ago)
• Topics: css-modules, react, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 1.26 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        



    


        📋 ToDo List 📋

    

    


        Sobre o Projeto •

        Funcionalidades •

        Layout •

        Tecnologias •

        Autor

    



## 🖥️ Sobre o Projeto



        






> Projeto desenvolvido como desafio referente ao módulo Fundamentos do curso de React.js da Rocketseat.

Esse projeto consiste em uma aplicação de controle de tarefas no estilo **to-do list**.

O objetivo dese desafio era reforçar os conceitos mais importantes de React.js.

## 💡 Funcionalidades

- [x] Adicionar uma nova tarefa

- [x] Marcar e desmarcar uma tarefa como concluída

- [x] Remover uma tarefa da listagem

- [x] Mostrar o progresso de conclusão das tarefas

## 🎨 Layout

> A aplicação tem como base o seguinte layout no [Figma](https://www.figma.com/file/0n0zDN7zbzhRbaEO74Xesx/ToDo-List)



  



## 🛠️ Tecnologias

Para o desenvolvimento desse projeto, as seguintes ferramentas foram utilizadas:

- **[React.js](https://pt-br.reactjs.org/)**

- **[TypeScript](https://www.typescriptlang.org/)**

- **[CSS Modules](https://github.com/css-modules/css-modules)**

- **[Vite](https://vitejs.dev/)**

## 👨‍💻 Autor



Marcos Kenji Kuribayashi

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-blue?style=flat&logo=Linkedin&logoColor=white)](https://www.linkedin.com/in/marcos-kuribayashi/) [![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat&logo=Gmail&logoColor=white)](mailto:[email protected])

---

Desenvolvido por Marcos Kenji Kuribayashi 😉