https://github.com/abimh66/forkify-recipe
Aplikasi web Food Recipe menampilkan resep makanan menggunakan Forkify API dengan fitur pencarian, pagination, detail resep dinamis berdasarkan jumlah porsi, dan manajemen bookmark.
https://github.com/abimh66/forkify-recipe
dom-manipulation javasript
Last synced: 13 days ago
JSON representation
Aplikasi web Food Recipe menampilkan resep makanan menggunakan Forkify API dengan fitur pencarian, pagination, detail resep dinamis berdasarkan jumlah porsi, dan manajemen bookmark.
- Host: GitHub
- URL: https://github.com/abimh66/forkify-recipe
- Owner: abimh66
- Created: 2022-02-15T13:02:49.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-06-28T14:09:09.000Z (almost 4 years ago)
- Last Synced: 2025-01-16T04:11:40.629Z (over 1 year ago)
- Topics: dom-manipulation, javasript
- Language: JavaScript
- Homepage: https://forkify-app-abimh6.netlify.app/
- Size: 2.09 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Forkify Recipe
Project ini berdasarkan pada Udemy Course [The Complete JavaScript Course 2022: From Zero to Expert!](https://www.udemy.com/course/the-complete-javascript-course/) oleh Jonas Schmedtmann
## Overview
### Penjelasan Project
Pada project ini saya membangun sebuah aplikasi Food Recipe berdasarkan data yang diambil dari [Forkify API](https://forkify-api.herokuapp.com/v2/). Semua content(image & logo) dan css styling disediakan oleh course, sementara untuk kode program JavaScript saya buat dengan mengikuti course. Fitur-fitur utama pada aplikasi ini:
- Search food recipe berdasarkan nama
- Menampilkan hasil search ke dalam sebuah halaman dengan pagination
- Menampilkan detail resep makanan(food recipe)
- Menampilkan detail resep makanan secara dinamis berdasarkan jumlah porsi
- Menambahkan detail resep makanan ke bookmark
- Menghapus detail makanan dari bookmark
- Menampilkan bookmark
- Menambahkan resep makanan secara manual
### Links
- Solution URL: [Solution Code](https://github.com/abimh66/forkify-recipe)
- Live Site URL: [Live Site](https://forkify-app-abimh6.netlify.app/)
### Stack yang digunakan
- Semantic HTML5 markup
- CSS
- JavaScript
- [Parcel](https://parceljs.org/docs/) - web application bundler
## Author
- Website - [abiproject.com](https://www.abiproject.com)
- Frontend Mentor - [@abimh66](https://www.frontendmentor.io/profile/abimh66)
- Codewars - [@abimh66](https://www.codewars.com/users/abimh66)
- Twitter - [@abimhrdnt](https://www.twitter.com/abimhrdnt)