Chefbot

Overview

This project is a single-page web application built with cutting-edge technologies to provide users with a seamless and engaging culinary experience. Leveraging ReactJS, TypeScript, and Tailwind CSS for the frontend, and NodeJS, ExpressJS, MongoDB for the backend. OpenAI API, and DeepAI API as external api. Our application aims to revolutionize the way users discover and create recipes.

Project Type

Fullstack

Deplolyed Links

• Frontend: https://chef-bot-six.vercel.app/
• Backend: https://prodigies.onrender.com

Directory Structure

. ├── backend/

│ ├── middleware

│ ├── models

│ ├── routes

│ ├── utils

│ ├── .gitignore

│ ├── db.js

│ ├── index.js

│ └── package.json

├── frontend/

│ ├── public

│ ├── src

│ │ ├── assets

│ │ ├── components

│ │ └── redux

│ ├── App.css

│ ├── App.tsx

│ ├── index.css

│ ├── main.tsx

│ ├── vite-env.d.ts

│ ├── .eslintrc.cjs

│ ├── .gitignore

│ ├── README.md

│ ├── index.html

│ ├── package.json

│ ├── postcss.configs.js

│ ├── tailwind.config.js

│ ├── tsconfig.json

│ ├── tsconfig.node.json

│ └── vite.config.ts

└── README.md

Video Walkthrough of the project

https://github.com/SreeHarsha-Kamisetty/Prodigies/assets/146928943/1d6d8a99-7bf2-4f5a-8a8c-102c048bb233

Features

• Recipe Recommendation:

Smart recommendation engine powered by OpenAI and DeepAI APIs analyzes user input to suggest personalized recipes. Tailored suggestions based on preferences, dietary restrictions, and past interactions.

• Recipe Creator:

Intuitive interface allowing users to create full recipes step-by-step. Ingredient and instruction management for a seamless recipe-building experience.

• Dynamic Image Display:

Automatically generated images for each recipe to provide visual appeal and context.

APIs Used

• OpenAI API: Harnessing the power of natural language processing for recipe recommendations.
• DeepAI API: Generating visually appealing images for each recipe.

API Endpoints

• GET /reommendation/:items
• GET /fullrecipe/:recipe

Technology Stack

• Frontend:

  • ReactJS: Building a dynamic and responsive user interface.
  • TypeScript: Enhancing code quality and developer productivity.
  • Tailwind CSS: Streamlining styling with a utility-first approach.

• Backend:

  • NodeJS: Fast and scalable server-side development.
  • ExpressJS: Creating robust and modular APIs.
  • MongoDB: NoSQL database for efficient data storage.

Team

• Sree Harsha Kamisetty
• Geetesh Mehuria
• Praveen Kumar R
• Mohd Khalid