Giter Site home page Giter Site logo

gabrielalvesfs / hamburgueria-spa Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 5.0 4.22 MB

Aplicação em ReactJS criada para consumir uma API construída por nosso time durante um bootcamp

Home Page: https://hamburgueria-spa.vercel.app

License: MIT License

HTML 0.99% JavaScript 98.83% CSS 0.18%

hamburgueria-spa's Introduction

🍔 Kámen Burguers

GitHub repo size GitHub forks GitHub contributors GitHub Website

KamenBurguers

Kámen Burguers é uma aplicação construída com ReactJS com o intuito de fazer as operações CRUD de uma API construída por nosso squad!

🔰 Nosso site

Para acessar o nosso deploy Clique Aqui!


💻 Pré-requisitos

Para rodar nosso projeto é necessário que você tenha instalado na sua máquina as ferramentas:

  • Git
  • Node.js
  • VSCode

🚀 Instalando Kámen Burguers

Faça o clone do repositório em sua maquina através do terminal:

git clone https://github.com/GabrielAlvesFS/Hamburgueria-SPA.git

logo em seguida:

cd Hamburgueria-SPA

Agora vamos instalar as dependências do projeto:

com Yarn:

yarn install

com Npm:

npm install

☕ Rodando Kámen Burguers

Para rodar a aplicação Kámen Burguers, siga estas etapas:

com Yarn:

yarn dev

com Npm:

npm run dev



📋 Documentação da Navegação do site

1. Página inicial

  • Rota '/' para página inicial: primeira página que aparece para o usuário.

image


2. Página de Cadastro

  • Rota '/Cadastro' para página de cadastro: nessa página, o usuário pode fazer o seu cadastro em nossa plataforma.

image


3. Página de Login

  • Rota '/Login' para página de login: nessa página, o usuário pode fazer fazer o login em nossa plataforma.

image


4. Páginas do Cardápio

a. Rota '/Burguers': o usuário pode acessar todos os itens de tipo 'Hambúrguer' do cardápio.


image


b. Rota '/Sobremesas': o usuário pode acessar todos os itens de tipo 'Sobremesa' do cardápio.


image


c. Rota 'Aperitivos': o usuário pode acessar todos os itens de tipo 'Aperitivos' do cardápio.


image


d. Rota '/Bebidas': o usuário pode acessar todos os itens de tipo 'Bebidas' do cardápio.


image


5. Página de Pagamento


  • Rota '/Pagamento': o usuário pode inserir seus dados e pagar pelo pedido. Após confirmação do pagamento, o pedido também pode ser editado e cancelado.

image



👨‍💻 Colaboradores


Gabriel Alves

👨‍🚀

Magnus Artur

👨‍🚀

Oslene Cerqueira

👨‍🚀

Julia Zibordi

👨‍🚀

Jéssica Bispo

👨‍🚀

📄 Licença

Este projeto está sob a licença do MIT - veja o arquivo LICENSE para detalhes.

hamburgueria-spa's People

Contributors

gabrielalvesfs avatar juliazib avatar oslenecerqueira avatar jessbispo avatar magnusbittencourt avatar

Stargazers

Sophia Leão avatar Luana Santos avatar Bruna Xavier avatar  avatar  avatar  avatar

Watchers

 avatar

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.