Sobre:

Eu desenvolvi o projeto de reserva de restaurante que utiliza diferentes tecnologias para diferentes aspectos da aplicação. Para o back-end, escolhi Laravel e Node.js, que me permitiram gerenciar o funcionamento do servidor e a lógica de negócios da aplicação de maneira eficiente. Já para o front-end, decidi utilizar React com TypeScript, que me proporcionou uma experiência de desenvolvimento mais robusta e escalável. Além disso, optei por usar o framework Tailwind para estilizar a interface do usuário, o que me permitiu ter maior eficiência no processo de desenvolvimento e uma maior consistência visual na aplicação. Em resumo, o projeto que criei demonstra um conjunto habilidoso de escolhas tecnológicas e implementações para criar uma aplicação completa e funcional.
Eu optei por utilizar uma API REST para a comunicação entre o back-end em Laravel e o front-end em React. Essa escolha me permitiu estabelecer uma comunicação padronizada e simples entre as duas partes da aplicação, seguindo as melhores práticas para a construção de APIs. Através desta API, eu consegui enviar e receber dados de forma assíncrona, o que permitiu que a aplicação fosse atualizada em tempo real sem a necessidade de recarregar a página. Além disso, a utilização de uma API REST facilitou a manutenção da aplicação, uma vez que separou as responsabilidades entre o back-end e o front-end, permitindo que cada um pudesse ser atualizado ou modificado de forma independente.

Acesse:

Atualmente consegue acessar a aplicação na url http de um servidor EC2 na AWS: http://15.229.118.11/

Link para o figma: https://www.figma.com/file/qxkpVJY4yt63qeKtOEVjfi/digiliza?type=design&node-id=0-1&t=cFYT2Cla6VbBXia7-0

Link para back-end Laravel: https://github.com/Pedrovictorrr/Digiliza-api

Como começar:

Passo a passo:

Clonar o repositorio do React Nextjs para sua maquina:

git clone https://github.com/Pedrovictorrr/Digiliza-Client.git

Entrar na pasta raiz do projeto:

cd /Digiliza-Client

Installar dependencia e iniciar o ambiente de dev:

npm install
npm run dev

Print do diagrama do banco de dados que elaborei:

Print da tela de login desenvolvida:

Print da tela incial do app, com cadastro de reservas e ultimas registradas:

Print da tela de reservas, onde pode visualizar / deletar / editar:

Print da tela de visualização:

Print da tela de Edição: