MY-BARBER

Conteúdo

• Sobre a aplicação
• Tecnologias
• Iniciando a Aplicação
• Screenshots
• Contato

Sobre a aplicação

Aplicação de barbearia da maratona Full Stack Week - terceira edição, promovida pela Full Stack Club.
Não participei do evento na época do lançamento, mas até o momento os 6 vídeos do evento permanecem disponíveis no Youtube, no canal do Felipe Rocha.
Trata-se de uma aplicação web para barbearia, utilizando Next v.14, Prisma ORM e autenticação Google.
Permite selecionar uma barbearia, o serviço e agendar horário na barbearia. Permite também cancelar o agendamento.
A aplicação original não era responsiva e resolvi adaptar o layout para responsividade.
Gostei muito de trabalhar com Shadcn/ui, cujos componentes de front-end têm qualidade profissional.

🛠️ Tecnologias

• React / Next (versão 14) / Typescript
• Rotas utilizando o App Router do Next
• Autenticação Google com Next-Auth
• Prisma ORM para acessar banco de dados do Supabase
• Shadcn/ui para componentes de front-end (calendário, avatar, side menu etc)
• TailwindCSS para estilização
• Date-fns para rotinas de data e hora
• Lucide-react para ícones
• Sonner para mensagens pop-up

🚗 Iniciando a aplicação

Antes, é necessário criar um banco de dados PostgreSQL. No caso, criei no painel do Supabase.
Também precisa definir a autenticação Google no console do Firebase.
Baixe o repositório com git clone e acesse a pasta my-barber

$ git clone https://github.com/luiizsilverio/my-barber
$ cd my-barber
$ npm install

Renomeie o arquivo .env-example para .env e informe a string de conexão do banco e a API Key de autenticação.
Inicialize o Prisma e popule o banco com o Seed.

$ npx prisma init --datasource-provider PostgreSQL
$ npx prisma db seed
$ npm run dev

📸 Screenshots

📧 Contato