Difooding is a web site where users can search for all kinds of food recipes by name or through filter which are divided by 3 types: categories, area, and ingridients. This project was made in order to pass and earn a certificate from Dicoding's Fundamental Front-End Web Development Course.
https://codepen.io/jordyf15/full/zYKbMxp
The site consist of 4 pages:
- Home page:
This page contain the logo of Difooding and it's motto. - Recipe Page:
This page will render the food recipes that is filtered or searched by the user. The filters are divided by 3 type: Categories, Areas, and Ingridients. Each food will have it's name, picture and a button which upon clicked will open a site containing the full detail of the recipe on a new tab. On first render this page will display food based on filter japanese area. - About:
This page contain information about what is Difooding. - Contacts:
This page contain information about the creator, such as his github and linkedin profile.
- @babel/core version ^7.12.10
- @babel/preset-env version ^7.12.11
- babel-loader version ^8.2.2
- css-loader version ^5.0.1
- css-minimizer-webpack-plugin version ^1.2.0
- eslint version ^7.17.0
- eslint-config-google version ^0.14.0
- html-webpack-plugin version ^4.5.1
- style-loader version ^2.0.0
- uglifyjs-webpack-plugin version ^2.2.0
- webpack version "^5.14.0
- webpack-cli version ^4.3.1
- webpack-dev-server version ^3.11.2
- webpack-merge version ^5.7.3
- jquery version ^3.5.1
- regenerator-runtime version ^0.13.7
- Use ES6 syntax when writing javascript code for the project.
- Apply atleast 1 custom element.
- Use webpack as module bundler.
- Use webpack as environment when developing the project.
- Use API with AJAX concept to display dynamic data.
- Do not use other participant's project for submission.
- Do not use javascript framework such as React, Angular and Vue.
- Do not include the node modules when submitting the project as a zipped folder.