An open API service indexing awesome lists of open source software.

https://github.com/charwayyyyyy/cuisinier

Web.Dev assignment: Cuisinier is a web application designed to help you turn the ingredients you already have in your kitchen into delicious meals. Save time, reduce food waste, and enjoy cooking with personalized recipe recommendations.
https://github.com/charwayyyyyy/cuisinier

bootstrap css html javascript

Last synced: 2 months ago
JSON representation

Web.Dev assignment: Cuisinier is a web application designed to help you turn the ingredients you already have in your kitchen into delicious meals. Save time, reduce food waste, and enjoy cooking with personalized recipe recommendations.

Awesome Lists containing this project

README

          

# Cuisinier - Your Personal Cooking Assistant (single page website)
https://thecuisinier.netlify.app/

Cuisinier is a web application designed to help you turn the ingredients you already have in your kitchen into delicious meals. Save time, reduce food waste, and enjoy cooking with personalized recipe recommendations.

## Features

- **Ingredient Finder**: Enter ingredients from your pantry and fridge to find matching recipes.
- **Personalized Recipes**: Get recommendations based on your dietary preferences, cooking skills, and favorite cuisines.

## How It Works

1. Add your ingredients using the intuitive input field.
2. Browse through personalized recipe suggestions.
3. Follow step-by-step instructions to cook and enjoy your meals.

## Technologies Used

- **HTML5**: For structuring the web application.
- **CSS3**: For styling and responsive design.
- **JavaScript**: For interactivity and dynamic content.
- **Bootstrap 5**: For a modern and responsive UI.
- **Font Awesome**: For icons.
- **Google Fonts**: For typography.

## Getting Started

### Prerequisites

To run this project locally, you need a modern web browser.

### Installation

1. Clone the repository:
```bash
git clone
```
2. Navigate to the project directory:
```bash
cd cuisinier
```
3. Open `index.html` in your browser to view the application.

## Project Structure

```
├── index.html # Main HTML file
├── style.css # Stylesheet for the application
├── script.js # JavaScript file for interactivity
```

## Usage

1. Open the application in your browser.
2. Add ingredients using the input field and click "Add".
3. Click "Find Recipes" to get personalized recipe suggestions.
4. View detailed recipes and follow instructions to cook your meals.

## Contributing

Contributions are welcome! If you'd like to contribute, please fork the repository and submit a pull request.