https://github.com/wahyukmr/xirafood

Xirafood is a web app that can be used to search for various types of food recipes, create our own food recipes, save food recipes in bookmarks, etc. using HTML, SASS, JavaScript, Parcel, and the MVC architecture pattern in its creation.
https://github.com/wahyukmr/xirafood

ajax api async-await asynchronous html-css-javascript mvc-architecture parcel programming project promise sass scss

Last synced: about 2 months ago
JSON representation

Xirafood is a web app that can be used to search for various types of food recipes, create our own food recipes, save food recipes in bookmarks, etc. using HTML, SASS, JavaScript, Parcel, and the MVC architecture pattern in its creation.

• Host: GitHub
• URL: https://github.com/wahyukmr/xirafood
• Owner: wahyukmr
• Created: 2022-12-17T02:17:39.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2022-12-21T21:31:03.000Z (over 3 years ago)
• Last Synced: 2025-04-08T18:51:51.720Z (about 1 year ago)
• Topics: ajax, api, async-await, asynchronous, html-css-javascript, mvc-architecture, parcel, programming, project, promise, sass, scss
• Language: JavaScript
• Homepage: https://xirafood.netlify.app/
• Size: 2.12 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
Xirafood Web App Project


XIrafood is a web app that can be used to search for various types of food recipes, create your food recipes, save food recipes in bookmarks, etc.using HTML, SASS, JavaScript, Parcel, and the MVC architecture pattern in its creation.


Project Planning ( 1 )


-   Loading a Recipe from API

-   Rendering the Recipe

-   Listening for load and hashchange Events

-   The MVC Architecture

-   Helpers and Configuration File

-   Event Handles in MVC: Publisher-Subcribe Pattern

-   Implementing Search Results

-   Implementing Pagination

Project Planning ( 2 )


-   Updating Recipe Servings

-   Developing a DOM Updating Algorithm

-   Implementing Bookmarks

-   Storing Bookmarks With LocalStorage

Project Planning ( 3 )


-   Uploading a New Recipe