The Green Lounge

A simple recipe app, built with these following technologies :

• React
• Redux
• Webpack
• Redux-Persist
• Firebase

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.