Skip to content

gabrielh-silvestre/blitz-todo-list

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

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

Executando localmente

Com Docker

Clona o repositório

git clone [email protected]:gabrielh-silvestre/blitz-todo-list.git

Entra no repositório

cd blitz-todo-list

Instala as dependências

npm install

Sobe os containers

docker-compose up -d

Sem Docker

É necessário ter o Node.js e o MySQL instalado localmente!

Clona o repositório

git clone [email protected]:gabrielh-silvestre/blitz-todo-list.git

Entra no repositório

cd blitz-todo-list

Instala as dependências

npm install

Executa o back-end e o front-end manualmente

npm run dev

Autor