Skip to content

πŸ²πŸ“± Discover and create delicious recipes with a user-friendly recipe app, built using React Native, React Native Paper, and Firebase for seamless performance and real-time data synchronization! πŸš€πŸ”₯

Notifications You must be signed in to change notification settings

Doraemon012/Recipe-App

Repository files navigation

🍽️ RecipeApp

πŸ²πŸ“± Discover and create delicious recipes with a user-friendly recipe app, built using React Native, React Native Paper, and Firebase for seamless performance and real-time data synchronization! πŸš€πŸ”₯

πŸš€ Features

  • πŸ“– Explore Recipes: Browse through a wide variety of recipes.
  • πŸ” Search Recipes: Find recipes by ingredients, name, or category.
  • πŸ“ Ingredient List: Keep track of all the ingredients you need.
  • ⭐ Favorite Recipes: Save your favorite recipes for quick access.
  • πŸ“š Create Recipe Books: Organize your recipes into custom books.
  • πŸ“… Create Weekly Meal Plans: Plan your meals for the entire week.
  • βž• Add a Recipe: Share your own recipes with the community.
  • πŸ”‘ Secure Authentication: Secure authentication using Firebase Auth.
  • ⏳ Pagination: Enjoy smooth Firebase and in-app pagination for efficient data loading.

πŸ› οΈ Tech Stack

React Native React Native Paper Firebase Firebase Auth Firebase Firestore Firebase Pagination Expo

  • React Native: For building the cross-platform mobile application.
  • React Native Paper: For implementing a consistent and polished design.
  • Firebase:
    • Auth: For secure user authentication.
    • Firestore: For real-time database and storage.
    • Pagination: Efficient data loading with Firebase pagination.
  • Expo: For easy React Native development and deployment.

πŸ“² Installation

  1. Clone the repository:

    git clone https://github.com/Doraemon012/Recipe-App.git
  2. Navigate to the project directory:

    cd RecipeProject
  3. Install dependencies:

    npm install
  4. Set up Firebase:

    • Create a Firebase project at Firebase Console.
    • Add your Firebase config to firebaseConfig.js in the project.
  5. Run the app:

    npx expo start

πŸ“± Screenshots

New Project

Happy cooking! 🍳

About

πŸ²πŸ“± Discover and create delicious recipes with a user-friendly recipe app, built using React Native, React Native Paper, and Firebase for seamless performance and real-time data synchronization! πŸš€πŸ”₯

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published