chrisblakely01 / react-node-recipe-app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

    git clone https://github.com/chrisblakely01/react-node-recipe-app.git
    cd react-node-recipe-app
  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

About


Languages

Language:TypeScript 80.4%Language:CSS 14.6%Language:JavaScript 2.8%Language:HTML 2.3%