Skip to content

Site para agendamento de horários de barbeiros (Trabalho de Escola)

Notifications You must be signed in to change notification settings

gabrieldiasss/barberstime

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


BARBERSTIME

Sistema para agendamentos de horários e serviços para uma barbearia

📚 Sobre o Projeto

Esse é um projeto que fiz para um trabalho de escola, que é um sistema para agendar horários e serviços de uma barbearia, então o usuário pode escolher o barbeiro, o serviço e o horário que ele deseja.

💻 O que tem no projeto?

Autenticação

  • Primeiro tem uma autenticação, no qual o usuário pode se cadastrar na plataforma, colocando seu Nome, Email e senha. (Se o usuário cadastrar um nome ou email que já exista, o cadastro não será permitido)
  • O usuário também pode logar com sua conta colocando seu email e senha (Caso o email ou senha estiver errado, não é permitido o usuário se logar)
  • O Backend dessa autenticação foi feita com NodeJS e MongoDB, e gerei uma chave JWT para quem se cadastra.

barberstime-1

barberstime-6

Selecionando barbeiro, horário e serviço

  • Na home está listando os barbeiros.
  • Quando o barbeiro é selecionado aparece todos os serviços que ele presta.
  • E depois os dias e os horários que aquele barbeiro tem disponível. (O cadastro do barbeiro e sas informações foram feitos através de uma FAKE API manualmente)
  • No final o usuário finaliza o agendamento e ele é redirecionado automaticamente para a rota "/myappointments", onde vai ter seus agendamentos marcados (Só aparecerá os agendamentos específico para cada usuário).

barberstime-2

  • Cliente pode cancelar seu agendamento se quiser.

barberstime-7

Logout

  • Cliente pode fazer o logout da sua conta

barberstime-8

Administração da barbearia

Essa parte do projeto já uma aplicação separada da outra, focado para a Administração da barbearia. A outra era focado para o cliente.

  • Aqui aparecerá todos os agendamentos marcados pelos clientes, e todas informações daquele determinado agendamento (Cliente, serviço, horário, barbeiro).

barberstime-4

Responsividade

O projeto também está responsivo! A plataforma é adaptado para todos os dispositivos.

barberstime-9

⚠️ Mais informações sobre o projeto...

  • O projeto foi construído com ReactJS e integrado com Typescript.
  • A autenticação foi feita com NodeJS e MongoDB.
  • O restante da base dados foi feito com Json Placeholder, que é uma Fake Api, no qual conseguimos guardar informações simulando uma Api. (Os barbeiros e suas informações como serviços e horários foram escritos manualmente). Quando agendamos um serviço essas informações também são guardadas na Fake Api.

About

Site para agendamento de horários de barbeiros (Trabalho de Escola)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published