DishGenie is a web application that helps users discover, tailor, and track recipes aligned with their unique dietary requirements and wellness objectives, while also providing intelligent substitutions for ingredients to suit individual needs.
Visit our deployed website using the following URL: https://dishgenie.vercel.app/
- Recipe discovery based on dietary preferences
- Famous global recipe discovery
- Intelligent ingredient substitutions
- Integration with multiple recipe APIs
- Interactive map for finding local ingredients
- Recipe assistance
- Minigame
- Vue.js 3
- Vite
- Tailwind CSS
- Firebase Realtime DB
- Firebase Authentication
- Google Maps API
- ChatGPT API
- Spoonacular API
- Edamam API
Before you begin, ensure you have the following installed:
- Node.js (v14 or higher)
- npm (v6 or higher)
- Git
-
Clone the repository:
git clone https://github.com/Kelvinpcw/food
-
Navigate to the frontend directory:
cd food/frontend -
Install dependencies:
npm install
-
Create a
.envfile in the frontend directory and add your API keys:VITE_GOOGLE_MAPS_API_KEY='' VITE_CHAT_GPT_API_KEY='' VITE_FIREBASE_API_KEY='' VITE_FIREBASE_APP_ID='' VITE_FIREBASE_MEASUREMENT_ID='' VITE_SPOON_API_KEY='' VITE_EDAMAM_API_ID='' VITE_EDAMAM_API_KEY='' -
Run the development server:
npm run dev
-
Open your browser and visit
http://localhost:5173/(or the port specified in the console output)
To log into our website, you may want to use your own Google account or use the following test account: Email: a@b.com Password: 123456
To use all features of RecipeAssistant, you'll need to obtain API keys** from:
**For this project submission, we have included our API keys in an environment file ".env" in the zipped file. Hence there is no need to obtain those API keys.
frontend/
├── src/
│ ├── assets/
│ ├── components/
│ ├── views/
│ ├── router/
│ ├── store/
│ ├── services/
│ └── App.vue
├── public/
├── index.html
├── index.html
├── .env
└── vite.config.js