A web app for managing products, built with Angular and RESTful API.
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.
Three available demos:
Live Demo on Render:https://game-store-angular.onrender.com//Live Demo on Netlify:https://game-store-angular.netlify.com/Live Demo on Azure:https://game-store-angular.azurewebsites.net/Live Demo on GitHub Page:https://jojozhuang.github.io/game-store-angular/
Note: The demo websites may be slow when you access them for the first time. Be patient!
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
git clone https://github.com/jojozhuang/game-store-angular.git
cd game-store-angular
npm install
ng serve
npm startAccess http://localhost:12080/ in web browser, enjoy!
npm run testRun the following command to open a Cypress standalone app in its own window.
npx cypress openOr run
npm run e2eIn the Cypress app, click Run n integration specs button.
Follow the tutorial Deploying Game Store Angular App to Netlify to deploy this app to Netlify.
Follow the tutorial Continuously Deploy Angular App to GitHub Pages using Travis-CI to deploy this app to GitHub Pages.
Read portfolio Game Store(Angular) to learn the main functions of this Angular app.
Read tutorial Building Web Application with Angular to learn how this Angular app is built.