✂️ Saas de Agendamentos para Barbearias - FSW Barber

Meu objetivo é criar uma aplicação web que permita agendar serviços de várias barbearias de forma simples e eficiente, facilitando a vida dos clientes e dos barbeiros. O sistema permite que os usuários encontrem barbearias, visualizem serviços disponíveis, façam reservas e gerenciem seus agendamentos diretamente do celular.

• O Website está disponível em https://fsw-barber-gules-five.vercel.app.

🚀 Funcionalidades

• 🔍 Pesquisa de Barbearias: Encontre rapidamente barbearias próximas e populares.
  
• 🗓️ Agendamento de Serviços: Reserve cortes de cabelo, barba e outros serviços com facilidade.
  
• 🔐 Autenticação com Google: Login seguro e rápido utilizando sua conta Google, integrado com NextAuth.
  
• 📅 Gerenciamento de Agendamentos: Visualize e cancele seus agendamentos diretamente na plataforma.
  
• 📱 Interface Responsiva: Design otimizado para dispositivos móveis, utilizando Tailwind CSS.
  
• 🛠️ Sistema de Reservas: Backend robusto com Prisma e PostgreSQL para gerenciar dados de usuários e reservas.

🛠️ Tecnologias Utilizadas

• 💻 Frontend: TypeScript, React, Next.js, Tailwind CSS e Shadcn
  
• 🗄️ Backend: Node.js, Prisma, PostgreSQL
  
• 🔑 Autenticação: NextAuth
  
• 🛠️ Bibliotecas Adicionais: Lucide-react, Date-fns e Git Hooks

🔧 Configuração do Projeto

1. 🔄 Clone este repositório:

   git clone https://github.com/gildaciolopes/fsw-barber.git

2. 📦 Instale as dependências:

   npm install

3. 🔑 Configure as variáveis de ambiente:

   • Crie um arquivo .env.local no diretório raiz do projeto com as seguintes variáveis:

   DATABASE_URL="postgresql://user:password@localhost:5432/database_name?schema=public"
   GOOGLE_CLIENT_ID="your_google_client_id"
   GOOGLE_CLIENT_SECRET="your_google_client_secret"

   • Substitua your_google_client_id e your_google_client_secret pelos valores fornecidos pelo Google.
   • Substitua user, password, database_name e schema pelos valores apropriados para o seu banco de dados.

4. 🔑 Execute as migrações do banco de dados::

   npx prisma migrate dev

5. 🚀 Inicie o servidor de desenvolvimento:

   npm run dev

   
   

Autor: Gildácio Lopes

Fluxograma de Desenvolvimento:

Setup do projeto

• Setup do banco de dados (postgreSQL)
• Seeding do banco (colocar dados)
• Introdução ao Next.js
• Tailwind e Shadcn
• Git Hooks

Tela Inicial

• Criar componente de header
• Criar um Menu com Buscas Rápidas
• Adicionar um banner
• Mostrar agendamentos
• Mostrar barbearias recomendadas e populares
• Adicionar um footer
• Adicionar um menu lateral

Detalhes da Barbearia

• Imagem da Barbearia, com botões de ações
• Mostrar informações da Barbearia
• Mostrar avaliações
• Mostrar descrição da Barbearia
• Mostrar serviços

Login com Google

• Tornar possivel o login com Google (NextAuth)
• Adicionar um botão de login no menu lateral

Reserva com Barbeiro

• Criar um modal de reserva
• Mostrar os horários disponíveis
• Mostrar os serviços disponíveis
• Autenticar o usuário

Tela de Agendamentos

• Mostrar os agendamentos do usuário
• Mostrar os detalhes do agendamento
• Cancelar um agendamento