MEALS RECIPE FILTER

A Vue application for searching meal recipes.

Table of Contents

• Features
• Tools and Technologies
• Dependencies
• Prerequisites
• Installation and setup
• Useful Links

Features

User-side features

• Search recipe by name
• Filter the recipe with the meal's first letter
• Search recipes with ingredients

Tools and Technologies

• HTML
• CSS
• Javascript
• Tailwind CSS
• Node.js
• Vite.js

Dependencies

Following are the major dependencies of the project:

• axios
• vue
• vuex
• vue-router

Prerequisites

• Node.js must be installed on the system.
• You should have a code editor (preferred: VS Code)

Installation and Setup

1. Install all the dependencies

   npm install

2. Create a file named ".env" inside the root folder. Add the baseUrl 'https:www.themealdb.com/api/json/v1/1/'

3. Start the application

   npm run dev

4. Go to http://localhost:3000

Useful Links

• API Used

  • API Link: https://www.themealdb.com/api.php

• This project

  • Github Repo: https://github.com/lefty93/vuejs-search-meal.git

• Youtube tutorials

  • Vue: https://www.youtube.com/watch?v=cfiN8lCA3RM&t=1730s&ab_channel=TheCodeholic