/

Let's Build SomeThing Legendary together

/

Meals App

Project

Overview

I developed a user-friendly meal app designed to help users explore food categories, view detailed recipes, and manage their favorite meals. The app is built with a focus on seamless navigation, performance, and an intuitive user experience. Key Features: Main Screen: Displays various food categories like Breakfast, Lunch, Dinner, and more, making it easy for users to explore different types of meals. Category Screen: Shows a list of meals within each category, allowing users to browse and select their desired dish. Meal Details Page: Provides detailed information about each meal, including ingredients, cooking steps, preparation time, affordability, and complexity. Users can also mark meals as favorites. Favorites Management: Includes a dedicated Favorites screen accessible via a drawer navigation, where users can view and manage their favorite meals.

Technical Stack: React Native & TypeScript: Ensured cross-platform compatibility and type safety. NativeWind CSS: Applied for responsive and clean UI design. MVC Architecture: Adopted to maintain a scalable and organized codebase. Custom Reusable Components: Developed for consistency across the app. Expo Navigation: Utilized Stack and Drawer Navigation, including nested navigation, to create a smooth user experience. React Context: Managed state across the app, particularly for handling favorites.

Outcome: The app provides users with an efficient way to discover recipes, view detailed instructions, and manage their favorite meals in one place. By leveraging modern technologies, the app is both high-performing and easy to maintain

Technologies

React Native

Native Wind

Expo Router

Nested Navigator

MVC Architecture

Back