React Native Recipe App

Welcome to our React Native recipe application! This app allows users to discover and save delicious recipes for various dishes.

Features

• Recipe Browsing: Browse a wide range of recipes categorized by cuisine, meal type, etc.
• Recipe Search: Search for recipes based on ingredients or dish names.
• Recipe Details: View detailed information about each recipe, including ingredients, instructions, and nutritional facts.
• Save and Favorite: Save favorite recipes to access them later for quick reference.
• Video Tutorials: Watch video tutorials for step-by-step cooking instructions.
• Responsive Design: Optimized for both mobile and tablet devices for a seamless user experience.

Libraries Used

• @expo/webpack-config: Custom webpack configuration for Expo projects.
• @react-native-async-storage/async-storage: For persistent storage of app data.
• @react-native-seoul/masonry-list: Masonry-style list view for displaying recipes.
• @react-navigation/native: For navigation between screens.
• @react-navigation/native-stack: For stack-based navigation.
• axios: For making HTTP requests to fetch recipe data.
• expo: Development framework for building cross-platform apps.
• expo-status-bar: Status bar component for Expo projects.
• nativewind: Utility-first styling for React Native apps.
• react: Core library for building UI components.
• react-dom: For rendering React components in the DOM.
• react-native: Framework for building native apps using React.
• react-native-heroicons: Heroicons for React Native apps.
• react-native-masonry-list: Masonry-style list view for React Native apps.
• react-native-progress: Progress indicators for React Native apps.
• react-native-reanimated: Animation library for React Native apps.
• react-native-responsive-screen: For responsive design in React Native apps.
• react-native-safe-area-context: For handling safe area insets in React Native.
• react-native-screens: For managing native screens in React Native.
• react-native-web: Compatibility layer for running React Native apps on the web.
• react-native-webview: For embedding web content within React Native apps.
• react-native-youtube-iframe: For embedding YouTube videos within React Native apps.
• tailwindcss: Utility-first CSS framework.

Installation

1. Clone the repository:

git clone <repository-url>

2. Install dependencies:

cd <project-folder>
npm install