Skip to content

MichelleCordeiro/react-native-01-cook

Repository files navigation

Logo RocketSeat Logo React Native na Prática




Cook App

Aplicação mobile desenvolvida no React Native na Prática da RocketSeat



VID-20240310-WA0000.mp4


💻 Projeto

    Esse projeto é uma aplicação mobile de receitas, que ajudará o usuário a criar uma receita de acordo com os ingredientes que ele tiver. Foi desenvolvido com React Native, Expo, Expo router, Supabase e React Native reanimated.


🚀 Tecnologias

HTMLHTML CSSCSS JavaScriptJavaScript React NativeReact Native TypeScript TypeScript Expo Expo React Native reanimated React Native reanimated Android Studio Android Studio AndroidAndroid VS Code VS Code


  • HTML - linguagem de marcação de hipertexto usada na construção de aplicaçÇão web
  • CSS - folhas de estilo em cascata é uma linguagem usada para estilizar
  • JavaScript - linguagem de programação que permite implementar itens complexos em páginas web
  • React Native - biblioteca JavaScript usada para desenvolver aplicativos Android e iOS
  • TypeScript - superset de JavaScript que adiciona tipagem estática ao código
  • Expo - framework utilizadoo no desenvolvimento de aplicações mobile com React Native
  • React Native reanimated - biblioteca de animações
  • Android Studio - ambiente de desenvolvimento integrado para desenvolver para a plataforma Android

👩‍💻 Aprendizado

  • HTML
  • CSS
  • JavaScript
  • React Native
  • TypeScript
  • React Native reanimated
  • Expo
  • Expo router
  • Supabase

  • 🗃️ Estrutura de pastas

    ├── 📁 src: arquivos do projeto
    │   ├── 📁 app: aplicação mobile
    │   |   ├── 📁 index: pasta da página inicial da aplicação
    │   |   |   |── index.tsx: arquivo com a inicialização do React
    │   |   |   |── styles.tsx: arquivo de estilização da página inicial
    │   |   ├── 📁 recipe: pasta da página de uma receita
    │   |   ├── 📁 recipes: pasta da página das receitas
    │   |   ├── _layout.tsx: arquivo de estilização
    │   ├── 📁 assets: arquivos de imagem
    │   ├── 📁 components: componentes da aplicação
    │   |   |── 📁 Button
    │   |   |── 📁 Ingredient: componentes do ingrediente
    │   |   |── 📁 Ingredients: componentes da lista de ingredientes
    │   |   |── 📁 Loading
    │   |   |── 📁 Recipe
    │   |   |── 📁 Selected
    │   |   |── 📁 Step
    │   ├── 📁 services: contém arquivos de configuração do Supabase
    │   ├── theme: contém arquivos de estilização da aplicação
    ├── README.md: arquivo com informações do projeto
    


    🔮 Implementações futuras:

    • informar no ingrediente quantas receitas existem com ele
    • destacar ingredientes sem receita com a cor vermelha
    • ajustar o responsivo
    • implementar cadastro de novos ingredientes
    • implementar cadastro de novas receitas

    👩🏼‍💻 Contatos

        Michelle Cordeiro logo linkedin LinkedIn logo gmail E-mail: michelle8cordeiro@gmail.com


    📝 License

    Rocketseat Project License


    Made with 💜 by Michelle Cordeiro

    About

    Projeto mobile desenvolvido no React Native na Prática 01

    Topics

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published