Skip to content

Box8 is a Online food ordering website where you can order different items of food through online.

Notifications You must be signed in to change notification settings

Gourav135/Box8-Frontend

Repository files navigation

Box8 Clone

Box8 is an online food ordering website where you can order different categories of food effortlessly. You can filter the food items by category. You can add the food items in your cart and wishlist. Finally proceed to checkout to get your order delivered.


Welcome 👋


Link to our Project website:

https://github.com/Gourav135/Box8-Unit-4.git


About this project: 🙌

This project is built by a team of five members in 3 days as a construct week project at Masai School.


Project Demo:

Our Team Members ❤️


Pages & Features 👇

  • Home Page: use same images exactly looking as original website.
  • Sign-Up Page: User details validated directly from local stroage.
  • Sign-In Page: User authentication to check whether user email and password match with details existing in the local storage.
  • Product Page: Meal items' details fetched from a RestAPI and displayed under different categories. Add to cart, Add to Favourite, quantity increment and decrement options, remove meal from cart and favorite options, etc are included.
  • Cart Page: User can see or remove food items added in the cart.
  • Wishlist Page: Users can add or remove fod items to the wishlist.
  • Checkout Page: Users can add the delivery address
  • Payment Page: debit and credit card payment option. Users can add their payment details and also avail for discount.
  • Order Successful Page : After successul payment user redirected to Order successful page.
  • Additional Features : Kept the food items, fonts, colors and favicon and titles consistent throughtout the whole site to give a feel like the original site.

How To Use ✅

First you have to have to go to the signup page and create a new account. After signup, you have to login with the same details. On successful login, you will be redirected to landing page. You can visit the product page where you can find meals listed under different categories. You can add dishes to your cart and proceed to the checkout page where you will be required to add few details of yourself. Finally you need to proceed to payment page to add your debit/credit card detials to place your order successfully.


Tech Stack Used 🔧

  • HTML
  • CSS
  • JavaScript

Screenshots:


Home_Page

Screenshot (409)

Products_Page

Screenshot (413)

Cart_Page

Screenshot (415)

Payment_Page

Screenshot (416)

About

Box8 is a Online food ordering website where you can order different items of food through online.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published