/RecipeHub

One place where you can find recipe based on ingredients or by the name of food.

Primary LanguageJavaScript

RecipeHub - Online Recipe Finder

Overview

RecipeHub is an innovative online platform designed to simplify the process of finding recipes based on ingredients or the name of the food. Built with Node.js, Express.js, React.js, and Firebase for authentication, RecipeHub offers a seamless and intuitive experience for users to discover culinary delights.

Tech Stack

  • Backend:

    • Node.js
    • Express.js
    • Firebase (authentication)

  • Frontend:

    • React.js

Features

  • User Authentication:

    • Implemented Firebase authentication to enhance system security and accessibility.

  • User Interaction:

    • Designed intuitive user interfaces for recipe browsing and management, leading to improved engagement and satisfaction.

  • Spoonacular API Integration:

    • Integrated Spoonacular API to enrich the system's database with a vast array of recipes and culinary resources.

  • Backend API Optimization:

    • Engineered efficient backend APIs to optimize system performance and responsiveness.

  • Session Management:

    • Deployed cookie-based session management for enhanced user experience and secure user sessions.

Development Highlights

  • User Authentication Enhancement: Successfully executed Firebase authentication resulting in a notable decrease in unauthorized access attempts.

  • User Interaction Improvement: Designed and implemented seamless user interaction functionalities, significantly enhancing user engagement and satisfaction.

  • API Integration: Integrated Spoonacular API to enrich the system's database with a vast array of recipes and culinary resources.

  • Backend API Optimization: Engineered backend APIs to ensure optimal system performance and responsiveness.

  • Session Management Deployment: Deployed cookie-based session management, significantly boosting user experience and ensuring secure user sessions.

Getting Started

To get started with RecipeHub, follow these steps:

  1. Clone the repository:

    git clone https://github.com/moinmulla/RecipeHub.git

  2. Install dependencies for both frontend and backend:

    cd RecipeHub/RecipeHub-frontend
npm install

cd ../RecipeHub-backend
npm install

  3. Start the backend server:

    npm start

  4. Start the frontend server:

    cd ../RecipeHub-frontend
npm start

  5. Access RecipeHub in your browser at http://localhost:3000.

Screenshots

image

image

image

image