/barberstime

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

Primary LanguageTypeScript


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.