↓Skip to main content
Resources for the Modern Web Resources for the Modern Web
  1. All Posts/

voyage-app-angular-ecommerce

eCommerce TypeScript

Overview

A business web application platform that implements a modern user experience and many common base features that are expected by business consumers. Integrates with the Voyage API to provide multi-factor authentication/authorization, user profile, basic messaging, and more. Built using Javascript and the Google Angular framework.
Created and supported by Lighthouse Software @ https://LighthouseSoftware.com

Topics

5 Minute Test 

# Clone repository.
$ git clone https://github.com/lssinc/voyage-app-angular.git

# Change directory to your app.
$ cd voyage-app-angular

# Install angular cli globally.
$ npm install -g @angular/cli

# Install development dependencies with npm.
$ npm install

# Start the server.
$ npm start

The app will open in your browser.

Features

  • User Login w/ Password Recovery
  • User Account Management
  • User Admin Console
  • User Settings
  • Alerts & Notifications
  • Responsive UI for Desktop, Tablet, Mobile
  • Lazy loaded modules and AOT support to ensure high performance.
  • Integrates with the Voyage API for all data

Getting Started

Prerequisites

What you need to run this app:

Installing

  • clone this repository
  • cd voyage-app-angular to navigate to the root directory of the app.
  • npm install to install npm dependencies.

Running the app

After you have installed all dependencies you can now run the app with the npm start script

npm start

Which is just a shortcut to running the Angular CLI with the -o flag to automatically open a browser tab and display the app

ng serve -o

This will start a local server which will watch for file changes and reload for you. The port will be displayed to you as http://localhost:3000.

Logging in/Accessing the App

The easiest way to start using the application is to update the contents of the environment.ts file to the following:
export const environment = {
production: false,
API_URL: ‘ https://swag-api.lighthousesoftware.com/api/v1‘,
SERVER_URL: ‘ https://swag-web.lighthousesoftware.com‘,
OAUTH_REDIRECT_URL: ‘http://localhost:3000/dashboard‘,
OAUTH_CLIENT_ID: ‘client-super-qa’,
OAUTH_CLIENT_SECRET: ‘secret’
};
This will allow you to connect to the QA instance of the ecommerce app voyage API and
allow you to access the application without running a local instance of the api.
Then enter the number of a cellphone from which you are capable of receiving text messages in order to get the code needed to access the app.

Developing

Build files

While you can always run Angular CLI commands directly, our package.json scripts section has common Angular CLI build commands.

  • build and serve files: npm start
  • single run: npm run build
  • qa build: npm run build:qa
  • prod build: ‘npm run build:prod’

Testing

1. Unit Tests

  • single run: ng test


↑