 |
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.
- 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
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 installRenomeie 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
