Epicurious Clone

Welcome to the Epicurious Clone project, a Vue.js application that serves as a recipe finder inspired by Epicurious. This project utilizes Vue.js, SASS, JavaScript, and jQuery to create a user-friendly interface for searching and exploring various recipes. The application interacts with TheMealDB API to retrieve recipe data.

Tech Stack

• Vue.js
• Vue router
• SASS
• JavaScript
• jQuery

Lighthouse Analysis

This project has undergone Lighthouse analysis, resulting in the following average scores across all web pages:

• Best Practices: 100/100
• Accessibility: 91/100
• SEO (Search Engine Optimization): 91/100
• Performance: 84/100

Usage

• Visit the home page to search for recipes by keywords or ingredients.
• Explore the search results to find a recipe that interests you.
• Click on a recipe to view its details, including ingredients and instructions.

Routes

• (/) Homepage
• (/results) Results
• (/recipe/:id) Recipe Details

Installation

To get started with the Epicurious Clone project, follow these steps:

Clone the repository:

git clone https://github.com/yubinjodev/epicurious-clone.git
cd epicurious-clone

Install dependencies:

npm install

Run the development server:

npm run dev