FSW Barber Este foi o projeto da Full Stack Week 5ª edição que foi apresentado de AGO/05/2024 ~ AGO/12/2024. É uma aplicação com layout mobile first de reservas para barbearias. A plataforma permite que usuários encontrem barbearias, visualizem serviços disponíveis, façam reservas e gerenciem seus agendamentos.
Este projeto também utiliza a autenticação do Google com integração OAuth.
🌎 Deploy: Live 🖥️
- 🔍 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.
- 💻 Frontend: React, Next.js, Tailwind CSS, TypeScript, Shadcn/ui
- 🗄️ Backend: Node.js, Prisma, PostgreSQL, NeonDB Tech
- 🔑 Autenticação: NextAuth
- 🛠️ Bibliotecas Adicionais: Lucide-react, Date-fns
- Clone este repositório:
git clone https://github.com/luizengdev/FSW-Barber.git
bash npm install
Configure as variáveis de ambiente: Crie um arquivo .env.local na raiz do projeto com as seguintes variáveis: DATABASE_URL=postgres://usuario:senha@localhost:5432/fsw-barber NEXTAUTH_SECRET=sua_chave_secreta GOOGLE_CLIENT_ID=seu_cliente_id GOOGLE_CLIENT_SECRET=seu_cliente_secreto
Execute as migrações do banco de dados: npx prisma migrate dev
Inicie o servidor de desenvolvimento: npm run dev
==============================
This is a Next.js project bootstrapped with create-next-app
.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
This project uses next/font
to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.