Interface premium e responsiva para agendamentos e portfólio, integrada com API Spring Boot. 💈✨
Este é o front-end do RaphaBarber. A aplicação foi construída para automatizar o sistema de agendamentos e exibição de trabalhos de um barbeiro profissional em Campina Grande - PB. O foco principal foi criar uma experiência visual de alto impacto (Premium Dark Mode), garantindo que o cliente finalize o agendamento em poucos segundos.
- 🔐 Painel Administrativo: Controle total de agendamentos e serviços (Protegido por JWT).
- 📅 Agendamento em Tempo Real: Validação de horários e datas integrada ao backend Java.
- 📱 Totalmente Responsivo: Experiência otimizada para o cliente agendar via celular ou tablet.
- 🔄 Consumo de API: Comunicação segura com o backend Java Spring Boot via Axios.
- 🎨 Estilização Moderna: Design contemporâneo com animações fluidas usando Framer Motion.
| Tecnologia | Descrição |
|---|---|
| React | Biblioteca principal para a construção da interface SPA |
| Tailwind CSS | Framework de estilização utilitário para design Dark Mode |
| Framer Motion | Biblioteca para animações e transições de tela fluidas |
| Axios | Cliente HTTP para integração com a API REST |
| Vite | Ferramenta de build para alta performance em desenvolvimento |
| Vercel | Plataforma de hospedagem do Front-end |
- Node.js instalado
# Clone o repositório
git clone [https://github.com/claudiondev/raphabarber-front](https://github.com/claudiondev/raphabarber-front)
# Entre na pasta
cd raphabarber-front
# Instale as dependências
npm install
# Inicie o servidor de desenvolvimento
npm run dev
👨💻 Autor
Claudio Nascimento
🔗 GitHub: @claudiondev
💼 LinkedIn: linkedin.com/in/claudionascimento-dev
⭐ Se este projeto foi útil, deixe uma star! ⭐