Recipe Sharing Web App

Description:

This web application allows users to share their favorite recipes with family and friends in a collaborative and interactive environment. It features a modern design using the Sancho-UI design system and is powered by Firebase for backend services, TypeScript for strong typing, React for the frontend, and Emotion for styling.

Features:

• Recipe Sharing: Upload, share, and view recipes among family and friends.
• User-Friendly Interface: Designed with the Sancho-UI system for a clean and intuitive experience.
• Firebase Integration: Provides secure authentication, real-time database, and storage services.
• Search Functionality: Powered by Algolia for fast and accurate user searches.
• Gesture-Supported Components: Enhance interactivity with gesture-based navigation.
• TypeScript Integration: Ensures robust and maintainable code.

Requirements:

• Node.js (v14 or above).
• Yarn or NPM for dependency management.
• Firebase Account for backend services.
• Algolia Account for search functionality.

Instructions:

Setup and Running Locally

Step 1: Clone or Download the Repository
Clone the project using:

bash

Copy code

git clone https://github.com/your-username/recipe-sharing-app.git

Step 2: Configure Firebase
Create a Firebase project and add your configuration to src/firebase-config.ts:

typescript

Copy code

const config = { apiKey: "myapikey", authDomain: "my-auth-domain.firebaseapp.com", databaseURL: "my-db-url.com", projectId: "my-pid", storageBucket: "my-storage-bucket", messagingSenderId: "my-sender-id", ALGOLIA_APP_ID: "my-app-id", ALGOLIA_USER_SEARCH_KEY: "my-user-search-key" }; export default config;

Step 3: Install Dependencies
Navigate to the project directory and run:

bash

Copy code

yarn

Step 4: Emulate or Deploy Firebase Functions

• To Emulate Locally: Use Firebase's local emulator.
• To Deploy Functions: Deploy your Firebase functions using:

  bash

  Copy code

  firebase deploy --only functions

Step 5: Start the Development Server
Run the app locally:

bash

Copy code

yarn start

The app will be available at http://localhost:3000.

Deploying the Application

Step 1: Build the Project
Generate the production build:

bash

Copy code

yarn run build

Step 2: Deploy Using Firebase CLI
Deploy the application to Firebase Hosting:

bash

Copy code

firebase deploy