Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/m-sehrawat/food-store
This project is about building an e-commerce food web application to order online food using food API.
https://github.com/m-sehrawat/food-store
bootstrap css3 html javascipt localstorage rest-api
Last synced: 7 days ago
JSON representation
This project is about building an e-commerce food web application to order online food using food API.
- Host: GitHub
- URL: https://github.com/m-sehrawat/food-store
- Owner: m-sehrawat
- Created: 2021-12-18T03:34:09.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-07-04T04:02:29.000Z (over 2 years ago)
- Last Synced: 2023-03-04T01:37:10.092Z (over 1 year ago)
- Topics: bootstrap, css3, html, javascipt, localstorage, rest-api
- Language: JavaScript
- Homepage: https://mohit-foodstore.netlify.app/
- Size: 8.49 MB
- Stars: 8
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Food Store
It's an E-commerce food web application with all the major functionalities
Want to see live preview »
✧
View Demo ✧
Report Bug ✧
Getting Started ✧ Installing ✧
Author ✧
Food-Store is an e-commerce food web application that allows you to food online. It has a variety of categories, just visit the food listing page, trending food page or search page and you will see all the food available, apply sorting as per your need and in just a few clicks you can order food from the website.
## Screens ( All screens are responsive)
- Homepage
- Food Listing Page with Sorting Filters
- Trending Food Listing Page with with Sorting Filters
- Searh Page with Debounce
- Cart page with apply coupon & Shipping Address
- Login / Logout
- Signup
## 🚀 Features
- Login/Signup User Account
- Food Sorting Based on Price & Ratings
- Food Search according to the name with Debounce
- Trending Food Category buttons to get the latest Food
- Cart Add/Remove Items
- Address Management
- Coupons are provided for the discount
- User Authentication before placing an order
## Glimpses of Mini-Store 🙈 :
## Test Coupon Codes
```
FOODSTORE5 (for 5% Off)
FOODSTORE10 (for 10% Off)
FOODSTORE15 (for 15% Off)
FOODSTORE20 (for 20% Off)
FOODSTORE25 (for 25% Off)
FOODSTORE30 (for 30% Off)
```
## Demo
### [Click here to see the presentation of this project](https://www.linkedin.com/posts/m-sehrawat_html-css-javascript-activity-6942859963576766464-BzQM?utm_source=linkedin_share&utm_medium=member_desktop_web)
## Getting Started
This project was built using HTML5, CSS3, JavaScript, Rest API. It is an e-commerce food web application and for running on your local environment you should follow these guidelines.
### Prerequisites
- NPM
- Node JS
### Setup
The project repository can be found in [GitHub link](https://github.com/m-sehrawat/Food-Store) or just clone the project using this command.
```
Using HTTPS
# git clone https://github.com/m-sehrawat/Food-Store.git
```
+ Open terminal on your workspace with
```
cd /home/workspace/Food-Store
```
## Install
Install NPM
Check that you have node and npm installed
To check if you have Node.js installed, run this command in your terminal:
```
node -v
```
To confirm that you have npm installed you can run this command in your terminal:
```
npm -v
```
To run the application open index.html in the live server.
### Tools used on this project
- Visual Studio Code
## Contact
If you want to contact me, you can reach me through below handles.
[](https://www.linkedin.com/in/m-sehrawat/)
[](https://github.com/m-sehrawat/)
© 2022 Mohit Sehrawat
## Show your support
Give a ⭐️ if you like this project!