An E-Commerce Website for Ordering Pizza Online

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:

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:

[
	{
		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

Download Details:

Author: ruppysuppy

Source Code: https://github.com/ruppysuppy/Pizza-Man

#react #reactjs #javascript

An E-Commerce Website for Ordering Pizza Online
9.90 GEEK