/recipeapp

Primary LanguageTypeScript

React-Node Recipe App 🍲

Welcome to the React-Node Recipe App! This application allows users to view, add, and manage their favorite recipes. It's built using React for the frontend and Node.js with Prisma for the backend.

Getting Started 🚀

Prerequisites:

Setting Up:

  1. Clone the Repository:

    https://github.com/DMuhammad/recipeapp.git
    cd recipeapp
  2. Setting up the Backend:

    • Navigate to the backend directory:

      cd backend
    • Install the necessary packages:

      npm install
    • Spoonacular API:

      • Add the api key to the API_KEY variable in the .env file
    • ElephantSQL Setup:

      • Create a new database instance on ElephantSQL.
      • Copy the connection string provided by ElephantSQL.
    • Prisma Setup:

      • Replace the DATABASE_URL in the .env file with your ElephantSQL connection string.
      • Initialize Prisma and generate the Prisma client:
        npx prisma init
        npx prisma generate
    • Start the backend server:

      npm start
  3. Setting up the Frontend:

    • Navigate to the frontend directory:

      cd frontend
    • Install the necessary packages:

      npm install
    • Start the frontend development server:

      npm run dev