Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/gabrielh-silvestre/blitz-todo-list
Full-Stack Todo-List APP built for Carrer Blitz on Trybe.
https://github.com/gabrielh-silvestre/blitz-todo-list
docker-compose e2e-tests express full-stack jwt mocha-chai-sinon mysql prisma react react-query tailwindcss test typescript unit-test zustand
Last synced: about 1 month ago
JSON representation
Full-Stack Todo-List APP built for Carrer Blitz on Trybe.
- Host: GitHub
- URL: https://github.com/gabrielh-silvestre/blitz-todo-list
- Owner: gabrielh-silvestre
- Created: 2022-06-22T21:22:59.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-07-16T15:41:04.000Z (over 2 years ago)
- Last Synced: 2023-03-05T11:08:11.330Z (almost 2 years ago)
- Topics: docker-compose, e2e-tests, express, full-stack, jwt, mocha-chai-sinon, mysql, prisma, react, react-query, tailwindcss, test, typescript, unit-test, zustand
- Language: TypeScript
- Homepage: https://blitz-todo-list.vercel.app
- Size: 647 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Blitz Todo-List
Esse projeto foi construído para o evento de Blitz de Carreira da Trybe, sua proposta é ser uma aplicação Full-Stack para gerenciamento de tarefas, com organização monorepo.
## Table de Conteúdos
- [Visão geral](#visão-geral)
- [O desafio](#o-desafio)
- [Imagens](#imagens)
- [Links](#links)
- [Meu processo](#meu-processo)
- [Construído com](#construído-com)
- [O que aprendi](#o-que-aprendi)
- [Recursos úteis](#recursos-úteis)
- [Executando localmente](#executando-localmente)
- [Com Docker](#com-docker)
- [Sem Docker](#sem-docker)
- [Autor](#autor)
## Visão geral
### O desafio
A Blitz Todo-List é uma simulação de desafio técnico Full-Stack, no qual era necessário construir um CRUD completo com autenticação.
**Os usuários devem ser capaz de?**
- Registrar-se e Autenticar-se
- Criar tarefas
- Buscar tarefas
- Atualizar tarefas
- Deletar tarefas
### Imagens
Documentação da API
### Links
- URL da aplicação: https://blitz-todo-list.vercel.app
## Meu processo
### Construído com
#### Front-end
- TypeScript
- React _(Vite)_
- Axios
- React-Query
- Zustand
- TailWind CSS
- TalWind-Styled-Component
#### Back-end
- TypeScript
- Node.js
- Express.js
- JWT
- Prisma
- MySQL
- Mocha, Chai and Sinon
### O que aprendi
Puder reforçar meu conhecimentos em ambas as áreas, tanto Front-end quanto Back-end, com uma menção especial ao Front, pois pude aprender ferramentas novas e incrivelmente úteis para a resolução de problemas que havia tendo em projetos antigos.
Dois exemplos dessas ferramentas são o React-Query, extremamente simples e prático de ser utilizado para comunicação com a API e o Zustand, que possui a simplicidade do Context-API, aliada a performance do Redux para controle de estados.
### Recursos úteis
- [React-Query Documentação](https://react-query.tanstack.com/overview)
- [Zustand Documentação](https://github.com/pmndrs/zustand)
## Executando localmente
### Com Docker
Clona o repositório
```bash
git clone [email protected]:gabrielh-silvestre/blitz-todo-list.git
```
Entra no repositório
```bash
cd blitz-todo-list
```
Instala as dependências
```bash
npm install
```
Sobe os containers
```bash
docker-compose up -d
```
### Sem Docker
**É necessário ter o Node.js e o MySQL instalado localmente!**
Clona o repositório
```bash
git clone [email protected]:gabrielh-silvestre/blitz-todo-list.git
```
Entra no repositório
```bash
cd blitz-todo-list
```
Instala as dependências
```bash
npm install
```
Executa o `back-end` e o `front-end` manualmente
```bash
npm run dev
```
## Autor
- LinkedIn - [Gabriel Silvestre](https://www.linkedin.com/in/gabrielh-silvestre/)
- DevTo - [Gabriel_Silvestre](https://dev.to/gabrielhsilvestre)