No description, website, or topics provided.
TypeScript HTML CSS JavaScript
Switch branches/tags
Nothing to show
Latest commit 2fc506e Dec 11, 2017 p0wnbauer Fix URL for assets

README.md

Web1 Mini Project

This project is a simple showecase of a regular homepage built with the latest version of the popular Angular Framework. The website includes the following features:

  1. Feature page ("/features")
  2. Pricing page ("/pricing")
  3. Login functionality ("/login")
  4. Contact page (footer)
  5. Simple 404 page
  6. Logout functionality

Hint: There is an explicitly defined user 'Max' with the password of '123'

Requirements:

  1. NPM and Node.js
  2. Angular CLI

Contributors

  1. Martin Ponbauer (ponbamar) IT17tb_ZH
  2. Anastassios Martakos (martaana) IT17tb_ZH

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory. Use the -prod flag for a production build.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor.

Mockup

The mockup file is placed within the root directory of this repository

./Mockup.pdf

Directory structure

.
├── app
│   ├── app.component.css
│   ├── app.component.html
│   ├── app.component.ts
│   ├── app.module.ts
│   ├── app-routing.module.ts
│   ├── contact
│   │   ├── contact.component.css
│   │   ├── contact.component.html
│   │   └── contact.component.ts
│   ├── features
│   │   ├── features.component.css
│   │   ├── features.component.html
│   │   └── features.component.ts
│   ├── footer
│   │   ├── footer.component.css
│   │   ├── footer.component.html
│   │   └── footer.component.ts
│   ├── header
│   │   ├── header.component.css
│   │   ├── header.component.html
│   │   └── header.component.ts
│   ├── login
│   │   ├── loggedin
│   │   │   ├── loggedin.component.css
│   │   │   ├── loggedin.component.html
│   │   │   ├── loggedin.component.spec.ts
│   │   │   └── loggedin.component.ts
│   │   ├── loggedout
│   │   │   ├── loggedout.component.css
│   │   │   ├── loggedout.component.html
│   │   │   ├── loggedout.component.spec.ts
│   │   │   └── loggedout.component.ts
│   │   ├── login.component.css
│   │   ├── login.component.html
│   │   └── login.component.ts
│   ├── login-service
│   │   ├── login-result.ts
│   │   ├── login.service.spec.ts
│   │   ├── login.service.ts
│   │   └── user.ts
│   ├── page-not-found
│   │   ├── page-not-found.component.css
│   │   ├── page-not-found.component.html
│   │   └── page-not-found.component.ts
│   ├── pricing
│   │   ├── pricing.component.css
│   │   ├── pricing.component.html
│   │   ├── pricing.component.ts
│   │   └── pricing-tier
│   │       ├── pricing-tier.component.css
│   │       ├── pricing-tier.component.html
│   │       ├── pricing-tier.component.spec.ts
│   │       ├── pricing-tier.component.ts
│   │       ├── pricing-tier.ts
│   │       └── service.ts
│   ├── section
│   │   ├── article
│   │   │   ├── article.component.css
│   │   │   ├── article.component.html
│   │   │   ├── article.component.spec.ts
│   │   │   ├── article.component.ts
│   │   │   ├── article.ts
│   │   │   └── image-position.enum.ts
│   │   ├── section.component.css
│   │   ├── section.component.html
│   │   ├── section.component.spec.ts
│   │   └── section.component.ts
│   ├── selective-preloading-strategy.ts
│   ├── signup
│   │   ├── signup.component.css
│   │   ├── signup.component.html
│   │   ├── signup.component.spec.ts
│   │   ├── signup.component.ts
│   │   ├── signup-field
│   │   │   ├── signup-field.component.css
│   │   │   ├── signup-field.component.html
│   │   │   ├── signup-field.component.spec.ts
│   │   │   └── signup-field.component.ts
│   │   └── signup-model.ts
│   └── signup-success
│       ├── signup-success.component.css
│       ├── signup-success.component.html
│       ├── signup-success.component.spec.ts
│       └── signup-success.component.ts
├── assets
│   └── images
│       ├── account.svg
│       ├── android.svg
│       ├── checkbox_checked.svg
│       ├── checkbox_unchecked.svg
│       ├── check-circle.svg
│       ├── home.svg
│       ├── lock.svg
│       ├── logo.svg
│       ├── money.svg
│       ├── verified.svg
│       └── whatshot.svg
├── environments
│   ├── environment.prod.ts
│   └── environment.ts
├── favicon.ico
├── index.html
├── main.ts
├── polyfills.ts
├── styles.css
├── test.ts
├── tsconfig.app.json
├── tsconfig.spec.json
└── typings.d.ts