ENDERSON-MARIN/BARBERSHOP-APP
O Barbershop é uma plataforma web moderna e especializada, desenvolvida para digitalizar e otimizar a gestão de barbearias. A aplicação oferece uma experiência fluida para agendamento de serviços, gestão de clientes e perfis de profissionais, tudo em uma interface responsiva e intuitiva.
Título do Projeto
APLICATIVO DE GESTÃO DE BARBEARIA
Descrição do Projeto
O Barbershop é uma plataforma web moderna e especializada, desenvolvida para digitalizar e otimizar a gestão de barbearias. A aplicação oferece uma experiência fluida para agendamento de serviços, gestão de clientes e perfis de profissionais, tudo em uma interface responsiva e intuitiva.
Funcionalidades-Chave:
-
Agendamento Online: Permite que clientes agendem e gerenciem horários de forma fácil, visualizando a disponibilidade dos profissionais.
-
Autenticação e Gestão de Usuários: Sistema de autenticação robusto e seguro para clientes e barbeiros, com gestão de perfis individuais.
-
Gerenciamento de Profissionais e Serviços: Ferramentas para que os barbeiros possam gerenciar seus perfis, portfólios e a lista de serviços oferecidos.
-
Interface Interativa: Notificações e alertas interativos para uma experiência de usuário agradável, usando bibliotecas como Sonner e SweetAlert2.
Stack Tecnológica:
-
Frontend: Construído com React e o framework Next.js, o projeto utiliza TypeScript para garantir escalabilidade e um código mais robusto.
-
Design e Componentes: A interface é moderna e acessível, com estilização realizada usando o Tailwind CSS. Componentes reutilizáveis são implementados com as bibliotecas Radix UI e Lucide React para uma aparência consistente e profissional.
-
Backend e Banco de Dados: A gestão de dados é feita de forma segura com o ORM Prisma, que simplifica a interação com o banco de dados. A autenticação é gerenciada com NextAuth, proporcionando um sistema de login eficiente e personalizável.
-
Validação e Manipulação de Dados: Formulários são gerenciados de forma eficiente e segura com React Hook Form e validações com a biblioteca Zod.
Capturas de Tela
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Começando
Pré-requisitos
Você precisa instalar o seguinte software
- NODEJS(VERSION: 20.10.0)
- NPM(VERSION: 10.2.3)
- GIT
A maneira mais fácil para começar é clonar o repositório:
git clone https://github.com/ENDERSON-MARIN/DOUTOR-AGENDA
Mude o diretório e abra no editor de texto
- cd your-project-directory
- open in your text editor
Configure suas variáveis de ambiente (Clone o arquivo .env.template e renomeie para .env)
-
DATABASE_URL="YOUR_CONNECTION_STRING"
-
BETTER_AUTH_SECRET=""
-
BETTER_AUTH_URL=#Base URL of your app
-
GOOGLE_CLIENT_ID=""
-
GOOGLE_CLIENT_SECRET=""
-
NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=""
-
STRIPE_SECRET_KEY=""
-
STRIPE_ESSENTIAL_PLAN_PRICE_ID=""
-
NEXT_PUBLIC_APP_URL=#Base URL of your app
-
STRIPE_WEBHOOK_SECRET=""
Inicie seu aplicativo de forma muito simples
- Run the DB migrations
npx drizzle-kit push
- Run Drizzle Studio locally
npx drizzle-kit studio
- Start the project in development mode
npm run dev
-
Você pode verificar que o site estará funcionando em localhost
http://localhost:3000 -
Voce pode verificar que o banco de dados estará funcionando em localhost
https://local.drizzle.studio/
Autor
Meu contato:
- 📧 Email: marinenderson1@gmail.com
- 🐱 GitHub: https://github.com/ENDERSON-MARIN
- 🌐 Portfolio: https://portfolio-ecmm.vercel.app/
- 💼 LinkedIn: https://www.linkedin.com/in/enderson-marin
Vídeos de Demonstração
-
Você pode verificar um vídeo de demonstração do meu projeto no seguinte canal:
Licença
Este projeto está licenciado sob a Licença MIT - consulte o arquivo LICENSE.md para obter detalhes