https://github.com/gulashanhashami/food_app

This is a mini food app created by me. Here you can see latest food, food of the day. And you can search any food.
https://github.com/gulashanhashami/food_app

api css3 dom html javascript

Last synced: 12 days ago
JSON representation

This is a mini food app created by me. Here you can see latest food, food of the day. And you can search any food.

• Host: GitHub
• URL: https://github.com/gulashanhashami/food_app
• Owner: gulashanhashami
• Created: 2022-02-13T15:17:01.000Z (almost 3 years ago)
• Default Branch: main
• Last Pushed: 2022-02-24T07:44:11.000Z (almost 3 years ago)
• Last Synced: 2024-11-25T16:44:35.532Z (2 months ago)
• Topics: api, css3, dom, html, javascript
• Language: HTML
• Homepage: https://gfoodapp.netlify.app/
• Size: 4.41 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Food_App

---

## This is a mini food app created by me. Here you can see latest food, food of the day. And you can search any food.

# Author

- [Gulashan Hashami ](https://github.com/gulashanhashami)

# Prerequisities

- HTML

- JavaScipt

- DOM

- CSS

- API

# Run Locally

- To run this project locally follow following steps below

- Create folder in your local system

Clone this Project

`git pull https://github.com/gulashanhashami/Food_App.git`

- Now the project is ready just go and visit home page

# Screenshots

> HOME PAGE

![homepage](./images/page3.png)

> SIGNUP PAGE

![signuppage](./images/page1.png)

> LOGIN PAGE

![loginpage](./images/page2.png)

> LATEST FOOD PAGE

![productpage](./images/page4.png)

> THE DAY OF FOOD PAGE

![productsbycategorypage](./images/page5.png)

> RECIPE DETAILS PAGE

![buyformyteam](./images/page6.png)

> PAYMENT PAGE

![paymentpage](./images/page7.png)

# What did I Learn

- By end of this project, I am able to learn how effective work can be done as a solo when ideas are trajected in multiple spectrums.

- I learn many things includes, creating dynamic web page, map product data to show on web page and use API for product data.

- Effective learning involves how we were able to suggest constructive feedback on each other’s work and debug before we present our project.