/recipe-app

Recipe App Web Project done in group during Trybe's Frontend Course to practice Agile Methodologies, ContextAPI and other tecnologies.

Primary LanguageJavaScript

Recipe App Project

GitHub language count Repository size GitHub last commit License

Esse projeto é uma aplicação que simula um aplicativo movel de receitas e foi desenvolvido com o intuito do aprendizado e prática de tecnologias e técnicas como transferência de informação através de props, ContextAPI e React Hooks. O desenvolvimento aconteceu em parceria com os amigos: Filipe Onoue, Junio Álves, Luiz Módolo e Lucas Toledo de modo a utilizar Metodologias Ágeis(SCRUM) e pair-programming.
O estilo da aplicação é para telas pequenas (320x640px) e, aplicando o mobile first pode ser transportado para telas maiores posteriormente.


This project is an application that simulates a mobile recipe app and was developed with the purpose of learning and practicing technologies and techniques such as information transfer through props, ContextAPI, and React Hooks. The development took place in collaboration with friends: Filipe Onoue, Junio Álves, Luiz Módolo and Lucas Toledo, using Agile methodologies (SCRUM) and pair programming.
The application's design is optimized for small screens (320x640px), and by employing a mobile-first approach, but it can be adapted for larger screens in subsequent phases.

🌎 Link

🎯 Objetivos / Goals

  • Desenvolver o uma aplicação tipo um aplicativo de app de receitas / Develop an application like and mobile app of a recipe app
  • ✅ Consumir uma API de receitas / Consume an recipe API;
  • ✅ Utilizar Props, ContextAPI e React Hooks para gerenciar e transferir informações / Use Props, ContextAPI and React Hooks to manage and transfer information;
  • ✅ Estilizar usando a técnica do Mobile First / Style using Mobile First Technique;
  • ✅ Escrever o StyleSheet com uma fácil leitura (SASS) /

💻 Tecnologias Utilizadas / Used Technologies

  • javascript
  • node
  • react
  • html5
  • css
  • ContextAPI
  • React Hooks

Como usar / How to use

Vá para o site, para fazer o login use "email@email.com" como email e "1234567" como senha. / Go to the website, and for logging in, use "email@email.com" as the email and "1234567" as the password.

"

⚙️ Como Rodar / How to Run

Requerimentos / Requirements:

* Node v16
* Google Chrome

Clone o repositório (via SSH) / Clone the repository (via SSH)

No terminal / On terminal:

git clone git@github.com:IgorMarinhoArgollo/recipe-app.git

Instalando as dependências / Installing dependencies:

No terminal / On terminal:

npm install

Inicializando / Starting

No terminal / On terminal:

npm start

Screenshots

ScreenShot

🧑‍💻 Author / Autor


Igor Marinho

Luiz Modolo
Junio Alves
Junio Alves

Filipe Onoue

Lucas Toledo


📄 Licença / License

License