Game Store

A web app for managing products, built with React+Redux and RESTful API.

Function

This application is used to manage products. It implements all CRUD operations. Below are the available features.

• Product List - Show all products in a list with Edit and Delete button.
• Product Management - Create, update and delete product.
• Image Upload - Set image for product and upload to server.
• Dynamic Data - All data is fetched from backend RESTful services.

Demo

Two available demos:

• Live Demo(Redux) on Netlify(CI): https://game-store-redux.netlify.com/
• Live Demo(Redux) on Render(CI): https://game-store-redux.onrender.com/
• Live Demo(Redux) on Azure: https://game-store-redux.azurewebsites.net/

Note: The demo websites may be slow when you access them for the first time. Be patient!

Setup Locally

1. RESTful API

Setup server to host RESTful API with Spring Boot or ASP.NET Core, see below.

• https://github.com/jojozhuang/game-store-springboot
• https://github.com/jojozhuang/restful-api-springboot
• https://github.com/jojozhuang/restful-api-aspnet

2. React App

git clone https://github.com/jojozhuang/game-store-redux.git
cd game-store-redux
npm install
npm run client

Access http://localhost:12090/ in web browser, enjoy!

Deployment

Read tutorial Deploying Game Store React App to Netlify to learn how this react app is deployed to Netlify.

Portfolio

Read portfolio Game Store(React) to learn the main functions of this React app.

Tutorial

Read tutorial Building Web Application with React and Redux to learn how this React app is built.