/Front_Food

Primary LanguageJavaScriptMIT LicenseMIT

logo FoodExplorer Front-End

Website de um cardápio digital para um restaurante fictício.

📜 Sumário

  1. Detalhes do projeto
  2. Tecnologias usadas
  3. Visual
  4. Para rodar o projeto
  5. Link
  6. Colaboradores
  7. Autor

1. 🔍 Detalhes do projeto

O food explorer é um website de um cardápio digital para um restaurante fictício, para fins acadêmicos. O admin pode cadastrar, editar e deletar produtos diretamente na interface web, além de também poder visualizar todos os produtos ou algum específico, o que também pode ser feito pelo usuário comum (apenas a visualização). Feito seguindo o princípio mobile-first, a interface possui dois modelos de screens, para atender os padrões de responsividade. (Carrinho e pagamento ainda estão sendo desenvolvidos).

2. 💻 Tecnologias usadas

Languages, Frameworks & Librarys:
HTML CSS JavaScript React Vite StyledComponents

Deploy:
Netlify

IDE:
VSCode

3. 🎬 Visual

  • Home Screen to User (Mobile)
    screen

  • Home Screen to User
    screen

  • Product Screen to User (Mobile)
    screen

  • Product Screen to Admin
    screen

  • New Product Screen to Admin
    screen

  • Edit Product Screen to Admin (Mobile)
    screen

4. 🔌 Para rodar o projeto em ambiente de desenvolvimento

  1. Instale as dependências necessárias (relacionadas no package.json):

    npm install
    
  2. Rode a aplicação em ambiente de desenvolvimento:

    npm run dev
    
  3. Utilize a url citada no terminal após o último comando em algum navegador (de preferência Google Chrome).

5. 🔗 Link

Food-Explorer

6. 🧑‍🤝‍🧑 Colaboradores

Interface criada como parte do desafio final do curso Explorer da RocketSeat.

7. 👨‍💻 Autor

Criado por Daniel Justo

linkedin github

Obrigado pela visita!