Nano Banana Recipe Showcase

This project is a recipe showcase application built with React and TypeScript, specifically designed to demonstrate the capabilities of Roo Code with image generation.

Features

• Browse various recipes organized by category
• View detailed recipe information
• Responsive design for all devices
• Image generation capabilities powered by Roo Code

Project Structure

• src/ - Main source code directory
  • components/ - Reusable UI components
  • pages/ - Page components
  • data/ - Static data files
• public/ - Static assets including images

Technologies Used

• React
• TypeScript
• Vite
• CSS Modules

Nano Banana Showcase

This application serves as the nano banana showcase, demonstrating how Roo Code can be used to generate and integrate images into a web application seamlessly.

Getting Started

1. Install dependencies:

   npm install

2. Start the development server:

   npm run dev

3. Build for production:

   npm run build

Image Generation

This project showcases Roo Code's image generation capabilities, which are used to create and enhance recipe images throughout the application.