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

HTML CSS JavaScript React Native TypeScript Expo React Native reanimated Android Studio Android 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   LinkedIn   E-mail: michelle8cordeiro@gmail.com

📝 License

Made with 💜 by Michelle Cordeiro