https://github.com/kom-senapati/vintage-vittles

🍴 Retro-themed recipe app for exploring and recreating vintage culinary delights
https://github.com/kom-senapati/vintage-vittles

nextjs retro tailwind themealdb

Last synced: 3 days ago
JSON representation

🍴 Retro-themed recipe app for exploring and recreating vintage culinary delights

• Host: GitHub
• URL: https://github.com/kom-senapati/vintage-vittles
• Owner: kom-senapati
• Created: 2024-12-14T06:35:58.000Z (2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-14T11:01:51.000Z (2 months ago)
• Last Synced: 2025-02-10T22:17:38.094Z (4 days ago)
• Topics: nextjs, retro, tailwind, themealdb
• Language: TypeScript
• Homepage: https://vintage-vittles.vercel.app
• Size: 1.61 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![image](https://github.com/user-attachments/assets/87190211-41f8-4e4c-a51b-05e2504dbeea)

Vintage Vittles is a retro-themed recipe browsing app that takes you on a culinary journey through the decades. It allows users to explore timeless recipes, recreate the flavors of the past, and experience the charm of vintage cuisine.

This project was built with Next.js and Tailwind CSS, offering a seamless web experience. The app is designed with nostalgia in mind, featuring a retro-inspired UI and an engaging user interface.

![Tech Stack](https://github.com/user-attachments/assets/91f48fad-a328-41f9-82a3-3783aea1776f)

- **Next.js**: A React-based framework for building modern web applications.

- **Tailwind CSS**: A utility-first CSS framework used for responsive design and rapid development.

- **React Icons**: For using icons like GitHub, LinkedIn, and Twitter.

![Live](https://github.com/user-attachments/assets/5c7c713a-248a-48f4-bd47-c0c4c7a8296d)

🔴 https://vintage-vittles.vercel.app/

![Installation](https://github.com/user-attachments/assets/c2894118-d4e6-4cdc-a46c-71b25527f854)

  Prerequisites

- Node.js (>=20.x)

- npm or yarn

  Steps to Set Up

1. Clone the repository:

   ```bash

   git clone https://github.com/kom-senapati/vintage-vittles.git

   ```

2. Navigate to the project directory:

   ```bash

   cd vintage-vittles

   ```

3. Install the dependencies:

   Using npm:

   ```bash

   npm install

   ```

   Or using yarn:

   ```bash

   yarn install

   ```

4. Run the development server:

   ```bash

   npm run dev

   ```

   Or using yarn:

   ```bash

   yarn dev

   ```

5. Open your browser and go to:

   ```bash

   http://localhost:3000

   ```



  Made with 💖 by kom-senapati