Voltar para posts
Info

Como estou construindo meu barberapp.

21 de maio de 20265 min de leitura

Construir um App do zero foi desafiador mas também é uma das melhores formas de aprender na prática.

Escolhi usar Next.js com TypeScript e Tailwind CSS porque queria algo prático, moderno e fácil de modificar.

Um dia estava cortando o cabelo e pensei "por que não um App que ajudaria meu barbeiro?".

A ideia foi criar algo simples por enquanto como base mas com um sistema completamente funcional, sendo assim se eu tivesse um cliente um dia era só alterar o modelo.

Então veio a ideia de um front para o Cliente e para o Dono com um dashboard, um back com funcionalidade para o Dono ver/editar/remover a agenda.

O processo

Comecei pelo design: pensei em uma barbearia e como deveria ficar a sua pagina inicial e o que seria interessante para o cliente visualmente.

No final, optei por um estilo tematico de barbearia, fundo escuro e tipografia limpa, assim ja tendo uma base para algum cliente ver.

Depois indo para o código. Criei as páginas principais: Início, Agendar, Dashboard, Editar, Remover.

Cada um com um propósito desde a interface do Cliente quanto a interface do Dono.

O que aprendi

  • Um projeto bem organizado sempre vai ser vantajoso tanto para mim quanto para quem for da minha equipe um dia.
  • Tailwind é incrível e estou descobrindo aos poucos como deixar tudo do jeito que eu quero.
  • Next.js App Router parece ser difícil quando você começa mas a medida que vamos utilizando vem se tornando algo intuitivo.

Sobre esse projeto percebo que ainda estou no começo, mas sinto que já dei meu primeiro passo.