EasyEats! is a web application that allows you to discover budget-friendly and easy-to-follow recipes. Whether you're looking for a quick meal idea or want to try something new, EasyEats! has you covered.
This project is a submission for the Belajar Fundamental Front-End Web Development course on Dicoding.
- Random Meal: Discover a random meal suggestion with a single click.
- Search by Keyword: Search for meals based on keywords and find recipes that match your preferences.
- Detailed Recipes: Explore detailed recipes with ingredients and step-by-step instructions.
- HTML5
- CSS3
- JavaScript (ES6)
- Bootstrap 4
- jQuery
- Webpack
Follow these steps to get the project up and running on your local machine.
-
Clone the repository:
git clone https://github.com/your-username/easyeats.git cd easyeats
-
Install dependencies:
npm install
-
Start the development server:
npm run start-dev
- Click the "Random" button to get a random meal suggestion.
- Use the search bar to search for meals by keyword.
- Click "Show Details" on a meal card to see its detailed recipe.