https://github.com/joschonarth/react-todo-list
✔️ A ToDo List application built with React, TypeScript, and Vite.
https://github.com/joschonarth/react-todo-list
css-modules eslint phosphor-react react todo-list typescript vite
Last synced: about 2 months ago
JSON representation
✔️ A ToDo List application built with React, TypeScript, and Vite.
- Host: GitHub
- URL: https://github.com/joschonarth/react-todo-list
- Owner: joschonarth
- Created: 2025-04-23T21:03:01.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-24T01:07:49.000Z (about 1 year ago)
- Last Synced: 2025-04-25T19:06:58.334Z (about 1 year ago)
- Topics: css-modules, eslint, phosphor-react, react, todo-list, typescript, vite
- Language: TypeScript
- Homepage: https://react-todo-list-joschonarth-projects.vercel.app/
- Size: 104 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Aplicação de gerenciamento de tarefas criada com React, TypeScript e Vite.
## 📖 Visão Geral
**ToDo List** é uma aplicação web de gerenciamento de tarefas, desenvolvida com **React**, focada em oferecer uma experiência simples, fluida e intuitiva para organização do dia a dia. Nela, o usuário pode criar, deletar, marcar como concluídas e acompanhar o progresso de suas tarefas diárias.
## 🛠️ Tecnologias Utilizadas
- ⚛️ **React** – Biblioteca para construção de interfaces modernas.
- 🟦 **TypeScript** – Tipagem estática para maior segurança no desenvolvimento.
- ⚡ **Vite** – Ambiente de build rápido e moderno.
- 💅 **CSS Modules** – Estilização isolada por componente.
- 🎨 **Phosphor Icons** – Ícones modernos e personalizáveis.
- 🧹 **ESLint** – Linter para garantir um código mais limpo e padronizado.
## ⚙️ Funcionalidades
- ✅ Adicionar novas tarefas.
- 🔄 Marcar tarefas como concluídas.
- 🗑️ Deletar tarefas individualmente.
- 📊 Contador de tarefas criadas e concluídas.
## 🚀 Como Executar o Projeto
### 📋 Pré-requisitos
- 🟩 [Node.js 20+](https://nodejs.org/en/)
- 📦 [npm 10+](https://www.npmjs.com/)
### 🔧 Instalação
1. Clone o repositório:
```bash
git clone https://github.com/joschonarth/react-todo-list.git
```
2. Acesse o diretório do projeto:
```bash
cd react-todo-list
```
3. Instale as dependências:
```bash
npm install
```
### ▶️ Execução
Inicie a aplicação:
```bash
npm run dev
```
Abra o navegador e acesse: [http://localhost:5173](http://localhost:5173)
## 🌐 Deploy
Clique no link abaixo para testar a aplicação online:
👉 [https://react-todo-list-joschonarth-projects.vercel.app/](https://react-todo-list-joschonarth-projects.vercel.app/)
## 🤝 Contribuições
Contribuições são bem-vindas! Sinta-se à vontade para abrir uma issue ou enviar um pull request.
## ⭐ Apoie este Projeto
Se você gostou da aplicação, deixe uma ⭐ no repositório!
## 📞 Contato
[](https://www.linkedin.com/in/joschonarth/)
[](mailto:joschonarth@gmail.com)