https://github.com/rapleswojtyla/recipegenerator
A web application that generates personalized recipes based on available ingredients using Gemini AI for text generation. Built with React for the client-side, Express and Node.js for the server-side, this project demonstrates seamless integration of AI-powered solutions in modern web development.
https://github.com/rapleswojtyla/recipegenerator
ai ai-integration express expressjs gemini-api nodejs react reactjs web website
Last synced: 3 months ago
JSON representation
A web application that generates personalized recipes based on available ingredients using Gemini AI for text generation. Built with React for the client-side, Express and Node.js for the server-side, this project demonstrates seamless integration of AI-powered solutions in modern web development.
- Host: GitHub
- URL: https://github.com/rapleswojtyla/recipegenerator
- Owner: RaplesWojtyla
- Created: 2025-01-14T00:43:46.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-14T01:20:17.000Z (over 1 year ago)
- Last Synced: 2025-01-14T02:23:27.861Z (over 1 year ago)
- Topics: ai, ai-integration, express, expressjs, gemini-api, nodejs, react, reactjs, web, website
- Language: JavaScript
- Homepage:
- Size: 68.4 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipe Generator with AI (Gemini, React, Express, Node.js, Vite)
A web application that generates personalized recipes based on available ingredients using Gemini AI for text generation. Built with React for the frontend, and Express and Node.js for the backend, this project demonstrates seamless integration of AI-powered solutions in modern web development. (This is my first project that I made with integrated AI:3)
## Features
- Input ingredients and get tailored recipe suggestions
- AI-driven natural language generation for detailed recipe instructions
## Technologies Used
- **Client-Side**: React
- **Server-Side**: Express, Node.js
- **AI Integration**: Gemini AI (Generative Language)
### Configuration
1. Copy the .env.example file into .env
```bash
cp .env.example .env
```
2. Change ```{YOUR_GEMINI_API_KEY}``` to your Gemini API key
```bash
GEMINI_API_KEY={YOUR_GEMINI_API_KEY}
```
### Installation (For Development)
1. Install the dependencies for app/server:
```bash
npm install
```
2. Install the dependencies for client:
```bash
cd ./frontend
npm install
```
### Running the Project (For Development)
1. Start the app/server:
```bash
cd ./backend
npm run dev
```
2. Start the client
```bash
cd ./frontend
npm run dev
```
## Project Structure
```
recipe-app/
├── client/
│ ├── node_modules/
│ ├── public/
│ ├── src/
│ │ ├── assets/
│ │ ├── components/
│ │ │ ├── GeminiRecipe.jsx
│ │ │ ├── Header.jsx
│ │ │ └── IngredientsList.jsx
│ │ │ └── MainContent.jsx
│ │ ├── App.jsx
│ │ ├── main.jsx
│ │ └── index.css
│ ├── eslint.config.js
│ ├── index.html
│ ├── package-lock.json
│ ├── package.json
│ ├── vite.config.js
├── server/
│ ├── api/
│ │ ├── aiService.js
│ └── app.js
├── .env
├── .env.example
├── .gitignore
├── .package-lock.json
├── .package.json
├── .README.md
```
Created with ❤️ by Wojtyla