Kitchen Top 🍽️🍷🍝

An app that takes ingredients you have on hand and makes a recipe from it.

Table of Contents

• Overview
• Features
• Getting Started
• Usage
• API Routes
• Tech Stack
• Learn More
• Deployment
• License

Overview

Kitchen Top is a web application built with Next.js, designed to help you find recipes based on the ingredients you have at home. Simply enter your available ingredients, and Kitchen Top will suggest recipes you can make.

Features

• Input ingredients you have on hand
• Get recipe suggestions based on available ingredients
• Fast, responsive interface
• Built with TypeScript and Next.js
• Leverages a machine learning model (mistralai/Mistral-7B-Instruct-v0.3) from Hugging Face to generate recipe suggestions
• Easily extensible and deployable

Getting Started

To set up and run the project locally:

1. Clone the repository:

   git clone https://github.com/millan-figueroa/kitchen-top.git
   cd kitchen-top

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install
   # or
   bun install

3. Start the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev
   # or
   bun dev

4. Open http://localhost:3000 in your browser.

Usage

• Edit pages/index.tsx to customize the main page.
• The app updates automatically as you save changes.

API Routes

• API routes are located in the pages/api directory.
• Example endpoint: http://localhost:3000/api/hello
• You can add custom API endpoints as needed.

Tech Stack

• Next.js
• TypeScript
• JavaScript
• Tailwind CSS – utility-first CSS framework
• Hugging Face – for AI/ML model integration
• Shell Scripts
• Geist Font via next/font

Learn More

• Next.js Documentation
• Learn Next.js
• Next.js GitHub

Deployment

The easiest way to deploy your Next.js app is via Vercel.

For more deployment options, see the Next.js deployment documentation.

License

This project is licensed under the MIT License.