↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

The-Green-Lounge

eCommerce JavaScript

The Green Lounge

A simple recipe app, built with these following technologies :

Features

  • User can browse different menu by category like Lunch, Dinner so on
  • User can add menu to the baseket and can edit in checkout
  • User can sign in either by gmail or by email and password
  • User can pay through stripe API

Some pages might not be mobile responsive, Please ignore it, I will be working on it.

Home Page

Menu by category

Checkout page and Basket

Installation and Configuration

Please make sure you have these following software installed in your system:

  • Node.js
  • NPM / Yarn
  • Git

Just clone the repository:

$ git clone https://github.com/aumtuhin/The-Green-Lounge

CD to the cloned directory then we have to install the necessary dependencies using either NPM or Yarn:

$ npm i

$ yarn start / npm start

As we are using Firebase authentication we need to configure our firebase web api key

  • Go to firebase console
  • Create a project by clicking on Add Project
  • Go to Authenticaton page from left menu and enable the Email/Password and Google sign-in providers
  • Copy the firebase config api keys from Firebase SDK Snippet
  • Go to firebase.utils.js file from src/firebase folder and paste it here as below:

const config = {
    apiKey: "",
    authDomain: ",
    projectId: "",
    storageBucket: "",
    messagingSenderId: "",
    appId: "",
    measurementId: ""
};

Then again run

npm start / yarn start

Now visit

http://localhost:3000

License

MIT License.

Credit

The recipe images I collected from Delish.

Conclusion

Star, Fork, Pull request and contribution will be much appreciated.



↑