Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ruppysuppy/pizza-man
🍕🛒 An e-commerce website to order pizza online
https://github.com/ruppysuppy/pizza-man
axios css ecommerce-website firebase javascript jsx react redux
Last synced: 4 days ago
JSON representation
🍕🛒 An e-commerce website to order pizza online
- Host: GitHub
- URL: https://github.com/ruppysuppy/pizza-man
- Owner: ruppysuppy
- License: mit
- Created: 2020-08-10T06:07:40.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T10:22:49.000Z (almost 2 years ago)
- Last Synced: 2024-10-15T17:53:38.245Z (2 months ago)
- Topics: axios, css, ecommerce-website, firebase, javascript, jsx, react, redux
- Language: JavaScript
- Homepage: https://pizza-man-61510.web.app/
- Size: 9.25 MB
- Stars: 151
- Watchers: 7
- Forks: 53
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Pizza Man Project
An E-Commerce website for ordering Pizza Online
## Demo
**NOTE:** The features shown in the demo is not exhaustive. Only the core features are showcased in the demo.
## Tools used
1. React: To create the Single Page App
2. React-Router: For Routing
3. Redux: For State Management
4. Firebase: As a DataBase
## Firebase Setup
You need to create a firebase configeration file holding the firebase settings in the path `/src/firebase/config.js`. The required format is:
```javascript
const firebaseConfig = {
apiKey: "API-KEY",
authDomain: "AUTH-DOMAIN.firebaseapp.com",
databaseURL: "DATABASE-URL.firebaseio.com",
projectId: "PROJECT-ID",
storageBucket: "STORAGE-BUCKET.appspot.com",
messagingSenderId: "MESSAGING-SENDER-ID",
appId: "APP-ID",
measurementId: "MEASUREMENT-ID",
};
export default firebaseConfig;
```
Data needs to be stored in the following format:
```javascript
[
{
name: "CATEGORY NAME",
items: [
{
desc: "PIZZA DESCRIPTION",
id: "ID",
img: "IMAGE LINK",
name: "PIZZA NAME",
price: 100, // PRICE
},
],
},
];
```
An example data is given in `/src/firebase/exampleData.json`
## How to Use
To use the project follow the steps given below:
1. Install the necessary modules (`npm install`).
2. Setup Firebase Project and configuration
3. Use `npm start` to run the react app