Skip to content

🍳 MealsApp - A recipe explorer app built with React Native 🔧 Tech Stack: React Navigation • Context API • Dummy Data 🎯 Features: Category filters • Favorite system • Meal details 📚 Educational project focusing on complex navigation patterns

Notifications You must be signed in to change notification settings

fioravante-dev/RNmealsApp

Repository files navigation

MealsApp 🍕

Licença React Native

Aplicativo de receitas com navegação completa que organiza pratos por categorias usando dados locais.

Tela de categorias Lista de receitas Detalhes da receita

Aba de navegação Tela de favoritos

✨ Funcionalidades

  • Sistemas de navegação:

    • Stack Navigation (fluxo principal)
    • Drawer Navigation (menu lateral)
    • Native Stack (transições otimizadas)
  • Categorias de receitas:

    • Exóticas
    • Baratas
    • Rápidas
    • Etc.
  • Detalhes completos:

    • Lista de ingredientes
    • Modo de preparo
    • Botão de favoritar
  • Gerenciamento de estado:

    • Context API para favoritos
    • Dados locais em JSON (sem API externa)

🛠 Tecnologias Utilizadas

  • React Native
  • React Navigation
    • @react-navigation/native
    • @react-navigation/native-stack
    • @react-navigation/drawer
  • Context API
  • Dummy data (fornecido pelo curso)

🧠 O Que Aprendi

  • Configuração de múltiplos tipos de navegação
  • Aninhamento de navigators (Stack dentro de Drawer)
  • Uso do Native Stack para performance
  • Gerenciamento de estado com Context API
  • Passagem de parâmetros entre rotas

🚀 Como Executar

  1. Clone o repositório:
git clone https://github.com/pedester321/RNmealsApp
cd mealsApp
  1. Instale as dependências:
npm install
  1. Inicie o aplicativo:
npm start

Ou, se estiver usando Expo:

expo start
  1. Escaneie o QR Code com o aplicativo Expo Go no celular ou use um emulador.

📝 Licença

Este projeto está licenciado sob a licença MIT.


Desenvolvido por Pedro Castro como parte do curso React Native - The Practical Guide na Udemy.

About

🍳 MealsApp - A recipe explorer app built with React Native 🔧 Tech Stack: React Navigation • Context API • Dummy Data 🎯 Features: Category filters • Favorite system • Meal details 📚 Educational project focusing on complex navigation patterns

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published