MyStore
This is the capstone project of Udacity's Full Stack JavaScript Nanodegree. It showcases basic Angular usage in the example of a web-store.
It features following functionality:
- Shows a list of products (either from provided .json or API connection)
- Shows a product details view when clicked on product
- Add products to cart, remove them there and checkout the order
Additional functionality if you connect this project to the previous Nanodegree API project Storefront Backend.
- Login as a user and have access to a userpage to show your orders
- Create a new user, if the credentials don't find an existing one
- Login as admin to remove or add products to the store
Configuration without Backend
Prerequisites
- Node.js
- AngularJS
Instructions
- Download the files in this repository
- cd into the directory
npm installng serve- The project will be served on default on
localhost:4200
Configuration with Storefront Backend
Prerequisites
- Node.js
- AngularJS
- PostgreSQL
Instructions
- Download My Store and Storefront Backend
- Follow the database and API configuration steps from the README
- You don't have to run any test commands or setup a TestDB name
- cd into the MyStore directory and
npm install - In the MyStore project look into
src/environments/environment.tsand check if theàpi_hostis one same port/url the API server is running (default: localhost:3000)- also note that in this file there are also the credentials for the admin user for the web store
- Build the project with
ng build - In the .env from the API also fill in the variable
PROJECT_PATHwhich should be a string of the absolute path to the created dist directory for the app"<your path>/dist/my-store" - Run
db-migrate upandnpm run starton the API server - Go to
localhost:3000and enjoy the project!
Project Preview
Store Homepage
Product Detail View
Cart
Login
Order Confirmation
Userpage
Admin View
Add a Product
