Giter Site home page Giter Site logo

aleretamero / bravus-burger Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 18.74 MB

Sistema de pedidos de um restaurante. Um site totalmente voltado para a experiência do usuário em aparelhos móveis (Mobile), onde o cliente só consegue acessar através de um QRCode.

Home Page: https://site-bravus-burger.vercel.app

JavaScript 1.03% TypeScript 97.24% HTML 1.73%
pinned react socket-io styled-components typescript vite

bravus-burger's Introduction

Project Banner

Bravus Burger Website

Sistema de pedidos de um restaurante. Um site totalmente voltado para a experiência do usuário em aparelhos móveis (Mobile), onde o cliente só consegue acessar através de um QRCode.

A interface foi construída pensando em uma usabilidade como se fosse um App, para que o cliente se sinta confortável durante o uso do site como se estivesse em um app nativo sem a necessidade de Downloads.

Todos os tons de cores e contrastes foram delicadamente pensados na acessibilidade do usuário final e com o tema proposto ( Um site de conteúdo alimentício ), onde foram utilizados tons quentes ( Laranja ).

O site possui todo o menu, descrição dos alimentos, observações de ingredientes, entre outras funcionalidades. E o melhor, é totalmente intuitivo e fácil de utilizar!

🧠 Funcionalidades

O projeto tem todas funcionalidades para facilitar a vida dos funcionários do restaurante, tanto dos garçons quanto dos responsáveis pela cozinha. Dentre as funcionalidades, o usuário pode:

  • ✔️ Abrir uma comanda
  • ✔️ Fazer pedidos
  • ✔️ Cancelar pedidos
  • ✔️ Adicionar itens a um pedido
  • ✔️ Ver itens de um pedido realizado
  • ✔️ Adicionar e remover itens do carrinho
  • ✔️ Ver todo o menu do restaurante
  • ✔️ Acessar informações dos produtos
  • ✔️ Avaliação de qualidade dos serviços
  • ✔️ Tudo é atualizado em tempo real

🖥️ Tecnologias Utilizadas

Frontend 😁🤩

  • React.JS - Framework para interfaces de usuário
  • Vite.JS - Build tool para organizar projeto
  • Typescript - Superset de Javascript
  • Styled-components - Estilização in JS
  • React-router-dom - Biblioteca para roteamento de páginas
  • Git - Versionamento de códigos
  • API Rest - Comunicação com o sistema do Backend
  • Dotenv - Para ativar variáveis de ambiente
  • Figma - Design da interface do projeto

Configuração do projeto ⚙️⚙️

  • ESlint
  • Prettier

Colaboradores 🤝🤝

Foto Nome
Lucas Eduardo
Foto Nome
Alexandre Retamero

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.