Portfólio

Habits

Habits
  • ClienteRocketseat
  • CategoriaReact
  • RepositórioGitHub

Habits - Habits Tracker

Projeto desenvolvido durante o NLW Setup da Rocketseat®.

Link para o projeto

Descrição

O projeto consiste em uma plataforma para monitoramento de tarefas diárias que auxilia seus usuários a rastrear suas atividades realizadas e não realizadas.

Conceitos aplicados

  • Validações de requisições (Front-end e Back-end)
  • Banco de Dados Relacional
  • ORM
  • Login Social (Firebase)
  • Gerenciador de Estado Remoto (React Query)
  • Biblioteca de Componentes UI
  • Responsividade
  • Utility-first CSS framework
  • CSS Skeleton Loading

Tecnologias utilizadas

Back-end
  • Node.js
  • Fastfy
  • Typescript
  • Zod
  • Prisma (MySQL)
  • Day.js
Front-end
  • React
  • Vite
  • Typescript
  • TailwindCSS
  • React Hook Form
  • React Hot Toast
  • React Query
  • Firebase Auth
  • Zod
  • Radix UI
  • Day.js
  • CLSX

Implantação

  • Back-end - Vercel (Serverless Functions)
  • Front-end - Vercel

Layout

Para essa aplicação foi fornecido um layout para seguir e implementar todas as funcionalidades desenhadas no Figma.