https://github.com/andreyhuey/recipe-app

https://github.com/andreyhuey/recipe-app

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/andreyhuey/recipe-app
• Owner: Andreyhuey
• Created: 2024-04-10T15:19:46.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-04-10T19:35:34.000Z (7 months ago)
• Last Synced: 2024-04-10T21:58:34.878Z (7 months ago)
• Language: TypeScript
• Homepage: https://recipe-app-backend-two.vercel.app
• Size: 3.18 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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:

- Node.js and npm installed on your machine.

- An account on [ElephantSQL](https://www.elephantsql.com/) for the database.

- A [Spoonacular API key](https://spoonacular.com/food-api) for the recipe API

[Source](https://www.freecodecamp.org/news/full-stack-project-create-a-recipe-app-using-react-node-js/) for the tutorial

### Setting Up:

1. **Clone the Repository**:

   ```bash

   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:

     ```bash

     cd backend

     ```

   - Install the necessary packages:

     ```bash

     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:

       ```bash

       npx prisma init

       npx prisma generate

       ```

   - Start the backend server:

     ```bash

     npm start

     ```