Jeremy's Portfolio
ProjectsAboutContact
Jeremy's Portfolio
Main Interface
Recipe Discovery
Product Search
Store Locator
User Features
Main Interface
Recipe Discovery
Product Search
Store Locator
User Features

SmartShop

SmartShop is a comprehensive React Native mobile application built with Expo that revolutionizes the shopping and cooking experience. The app seamlessly integrates recipe discovery with product search and location services, allowing users to find recipes, locate ingredients, and discover nearby stores. Built with Firebase backend for real-time data synchronization, authentication, and cloud storage, SmartShop offers a complete culinary and shopping ecosystem.

React NativeExpoFirebaseMobile AppRecipe Discovery
Key Features
  • Recipe discovery with detailed ingredients and preparation steps
  • Real-time product search with price information
  • Location-based store finder with interactive maps
  • Firebase authentication and user management
  • Community interaction and social features
  • Tag-based product filtering system
  • Premium nutrition information for recipes
  • Cross-platform mobile compatibility (iOS/Android)
  • Donation functionality and community support
  • Nearby product finding based on location services
Tech Stack

Frontend

React NativeExpoReact Navigation v6

Backend

FirebaseFirestoreFirebase Auth

Database

Firebase FirestoreReal-time Database

AWS Services

Firebase AuthenticationFirebase Cloud Storage

Development Tools

Expo CLIReact Native MapsExpo Vector IconsNode.js
Challenges
  • Integrating multiple Firebase services for seamless real-time experience
  • Implementing complex location-based services with React Native Maps
  • Creating smooth navigation between recipe discovery and product search
  • Managing real-time data synchronization across multiple app features
  • Optimizing performance for cross-platform mobile deployment
  • Implementing secure user authentication and community features
  • Balancing feature complexity with intuitive user experience
Key Learnings
  • Advanced React Native development with Expo framework
  • Firebase ecosystem integration and real-time database management
  • Location-based services and interactive map implementation
  • Cross-platform mobile app architecture and navigation patterns
  • Real-time data synchronization and state management
  • Mobile app authentication and security best practices
  • Community-driven feature development and user engagement
  • Mobile app deployment and testing strategies