conghao321 / Jerrys-Fashion-Store

A clothing e-store web application based on React, Redux, Node.js, GraphQL, with amazing outlook.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Jerry Clothing Store App

A single-page application based on React, Node.js, GraphQL and Firebase.

The application's demo is deployed on Google Cloud Platform(GCP).

Oh! God, please do not ask me why I didn't pick AWS, the reason is simple....GCP is temporarily free!

The Demo URL:

https://reactclothingstoreapp.wm.r.appspot.com/

Here is the demo. I have to say, it is a bit beautiful ~

This application is based on

Client-Side:

React: to build UI functions.
Redux: to expand react functions.

Server-Side

Node.js: to build back-end and payment servers.
GraphQL: to fetch and store item's data.

Cloud-Tools:

Google cloud platform (GCP) : to deploy the complete application.
Firebase: to build google account sign-in function and security rules.
Stripe: to receive payment.

Our application can really accept your money from your REAL-CREDIT-CARD

When you are testing payment function, please use the provided credit card info.

Quick Start

Running on local environment.

  1. First, apply a personal firebase, stripe account.
  2. Enter below cmd:

nodemon

If you want to modify the client side parts, please enter the client and enter below cmd:

npm start.

  1. Back-end part: We use Express.js to build the back-end.

  2. GraphQL part: Due to the system-design issues, we have to build unique server for GraphQL server--- as you may know, the most powerful part of GraphQL is to use it as a middleware and fetch data from different datasource! (e.g. mySQL, Oracle,local storage...)

Deployment

This application is now deployed on Google Cloud Platform. Google App Engine (GAE).

Contact us

please feel free to contact us or submit any issues.

About

A clothing e-store web application based on React, Redux, Node.js, GraphQL, with amazing outlook.


Languages

Language:JavaScript 83.4%Language:CSS 11.4%Language:HTML 5.2%