nlw-return-rocketseat-feedget

image image image image

🚀 NLW Return - Feedget

Desafio efetuado durante a NLW Return - Rocketseat

Criação de frontend, backend e mobile de um Widget de feedback.

✔️ Milha extra

Backend

  • Adição de duas rotas, sendo elas para adquirir a listagem de todos os feedbacks e buscar um feedback pelo ID. Foi seguido os princípios de SOLID ensinados em aula
  • Criação de testes para os casos de uso adicionais.

Web

  • Adição de tema com Tailwind css, com contexto e salvamento no local storage
  • Criação da página de login, com validação de campos
  • Dashboard administrativo contendo gráficos que separam o feedback por tipo
  • Listagem de todos os feedbacks cadastrados
  • Implementada a navegação por meio do React Router Dom
  • Adicionada a conexão com API CocktailDB https://www.thecocktaildb.com/
  • Busca por coquetéis
  • Listagem de coquetéis com imagem, nome, ingredientes e modo de preparo

😎 Libs utilizadas

Web

  • react
  • @headlessui/react
  • apexcharts
  • axios
  • html2canvas
  • phosphor-react
  • react
  • react-toastify
  • react-router-dom
  • tailwindcss
  • typescript
  • vite

Mobile

  • react-native
  • expo
  • axios
  • phosphor-react-native

Backend

  • node
  • jest
  • cors
  • prisma
  • typescript
  • express
  • nodemailer

🌎 Projeto online em:

https://nlw-return-rocketseat-feedget-c5myd2h0l-anacarolinaferreira.vercel.app/

📋 Instruções

Para acessar o dashboard administrativo use as seguintes credenciais:

Login: admin@admin.com Password: 1234