Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/marcus-v-silva1/to_do_list_app
to do list app
https://github.com/marcus-v-silva1/to_do_list_app
mui nextjs
Last synced: 8 days ago
JSON representation
to do list app
- Host: GitHub
- URL: https://github.com/marcus-v-silva1/to_do_list_app
- Owner: marcus-v-silva1
- Created: 2024-08-09T01:22:44.000Z (3 months ago)
- Default Branch: app
- Last Pushed: 2024-08-09T11:28:39.000Z (3 months ago)
- Last Synced: 2024-08-10T02:57:19.658Z (3 months ago)
- Topics: mui, nextjs
- Language: TypeScript
- Homepage:
- Size: 79.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# To Do List Frontend
Este é o frontend de uma aplicação de lista de tarefas (To do List) construída usando React(Nextjs e typescript) com Redux para gerenciamento de estado e Material-UI (MUI) para estilização. O frontend interage com uma API RESTful desenvolvida em Ruby on Rails.
## Funcionalidades
- Visualização de todas as tarefas.
- Adição de novas tarefas com título e descrição.
- Edição de tarefas existentes.
- Marcação de tarefas como concluídas.
- Exclusão de tarefas.
- Filtro de tarefas por termo de busca.
## Tecnologias Utilizadas
- React - Biblioteca JavaScript para construir interfaces de usuário.
- Redux - Biblioteca de gerenciamento de estado para aplicativos JavaScript.
- Material-UI (MUI) - Biblioteca de componentes de interface do usuário para React.
- TypeScript - Superconjunto de JavaScript que adiciona tipos estáticos.
## Instalação
Configuração do Projeto
### Pré-requisitos
- Node.js instalado
- Gerenciador de pacotes npm ou yarn
1. Clone o repositório:
```terminal
git clone [https://github.com/seu-usuario/seu-repositorio.git](https://github.com/marcus-v-silva1/to_do_list_app)
cd to_do_list_app
```
2. Instale as dependências:
```terminal
npm install
ou
yarn install
```
3. Abra o navegador e acesse http://localhost:4000.
### Vídeo da aplicação funcionando
https://drive.google.com/file/d/1sGL-4EnqSM9Va1tY6mpNLCuDy7HaY5Y3/view?usp=sharing
### Imagens
