Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/iwatanikenji/forkify-app
Recipe application with custom recipe uploads
https://github.com/iwatanikenji/forkify-app
bookmarks error-success external-api input-validation mvc-architecture netlify pagination pub-sub search-bar
Last synced: 11 days ago
JSON representation
Recipe application with custom recipe uploads
- Host: GitHub
- URL: https://github.com/iwatanikenji/forkify-app
- Owner: iwataniKenji
- Created: 2022-02-25T15:03:16.000Z (almost 3 years ago)
- Default Branch: master
- Last Pushed: 2022-05-25T16:56:18.000Z (over 2 years ago)
- Last Synced: 2024-11-05T15:13:16.415Z (about 2 months ago)
- Topics: bookmarks, error-success, external-api, input-validation, mvc-architecture, netlify, pagination, pub-sub, search-bar
- Language: JavaScript
- Homepage: https://forkify-kenji.netlify.app/
- Size: 29.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
---
Summary
📙 About
🖼️ Preview
📋 Requirements
📖 How to Start
💡 Features
💻 Technologies
✔️ FORKIFY project finished ✔️
📙 About
Forkify is a website with custom recipe uploads that has over 1,000,000 recipes included on a external API. It has features such as: adding your favorite dishes on bookmarks, changing servings to adapt to your demand and even adding your own recipes on the application.
Originally created by Jonas Schmedtmann , hosted on Netlify and made by Kenji Iwatani
Check website →
---
🖼️ Preview
---
📋 Requirements
- [x] Git
- [x] Package Manager (NPM, Yarn)
- [x] Development Environment (Visual Studio Code)
---
📖 How to Start
```bash
# Clone this repository
$ git clone https://github.com/iwataniKenji/forkify-app.git
# Access the project directory
$ cd forkify-app
# Open the project directory on vscode
$
# Install dependencies
$ npm install
# Initialize and open local host
$ npm start
```
---
💡 Features
- [x] Model-view-controller (MVC) architecture
- [x] Publisher-subscriber pattern usage
- [x] Loads recipes from external APIs
- [x] Loads spinner
- [x] Error and success messages
- [x] Search bar and results
- [X] Pagination
- [X] Updates recipe servings
- [X] Bookmarks recipes
- [X] Local storage usage
- [X] Input validation on uploads
---
💻 Technologies
- [x] HTML
- [x] CSS
- [x] JavaScript
- [x] Forkify API
- [x] Parcel Bundler
- [x] Core-js
- [x] Regenerator-runtime
- [x] Fractional
- [x] Fracty
- [x] Netlify