fmanimashaun / foodApp

The project was built to showcase my skills in HTML, CSS, and JavaScript by building a food ordering app based on the [Figma](https://www.figma.com/file/mJyp4LkSPFc3DUtoHBehHf/Mobile-Restaurant-Menu-(Copy)) design. This is part of the Scrimba Frontend Developer Career Path solo projects.

Home Page:https://fmanimashaun.github.io/foodApp/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Scrimba - Food order app solution

The project was built to showcase my skills in HTML, CSS, and JavaScript by building a food ordering app based on the Figma design. This is part of the Scrimba Frontend Developer Career Path solo projects.

Table of contents

Overview

The challenge

Users should be able to:

  • The menu item should be render on the page with javascript
  • The menu item should be able to add to the cart
  • The cart should be able to remove item from the cart
  • The cart should be able to calculate the total price of the item in the cart
  • when use click on complete order, a form should be render to the user to fill in their details
  • The form should be able to validate the user input
  • The form should be able to submit the user input
  • The form should be able to show the user a success message after submitting the form

Screenshot

Desktop view

Desktop view

Mobile view

Mobile view

Links

My process

Built with

What I learned

Basically, I worked to reinforced my knowledge of interpreting UI/UX design and implemeenting the layout as close as possible to the design.

Continued development

I will still want to focus on reinforcing my understanding of various layout implementation while learning javascript for use in future projects

Useful resources


Author

👤 Engr. Animashaun Fisayo

Acknowledgments


About

The project was built to showcase my skills in HTML, CSS, and JavaScript by building a food ordering app based on the [Figma](https://www.figma.com/file/mJyp4LkSPFc3DUtoHBehHf/Mobile-Restaurant-Menu-(Copy)) design. This is part of the Scrimba Frontend Developer Career Path solo projects.

https://fmanimashaun.github.io/foodApp/


Languages

Language:JavaScript 49.0%Language:SCSS 46.0%Language:HTML 5.1%