Parking App

A small parking app made with Angular 1 and Webpack.

Features:

ES6, and ES7 support with babel.
Development server with live reload.
Production builds with source maps.
No gulp and no grunt, just npm scripts.
BEM rules applied on own styles.

Warning: Make sure you're using the latest version of Node.js and NPM

Info: The "shopping cart" is only active at the "parking" view. The items are not stored! The cart will be cleared after each page reload / view change!

Preview

Quick start

Clone/Download the repo then install the dependencies and run it

# clone the repo
$ git clone https://github.com/blattmann/parkingapp parkingapp

# change directory to your app
$ cd parkingapp

# install the dependencies with npm
$ npm i

# start the server
$ npm start

JSON server

# install JSON server to provide fake json data for testing
$ npm i -g json-server

# open (new) shell window and cd to the data folder
$ cd parkingapp/src/data/

# run the server with your desired json file, e.g. "test.json"
$ json-server --watch parking.json

# hint for me:
# remember to run the fake server with this command:
$ json-server --watch /Library/WebServer/Documents/parkingapp/src/data/parking.json

# Resources
  http://localhost:3000/db
  http://localhost:3000/vendor
  http://localhost:3000/parkings
  http://localhost:3000/dictionary

Go to http://localhost:8080 in your browser to view the app.

Getting Started
License

Getting Started

Dependencies

What you need to run this app:

node and npm (Use NVM)
Ensure you're running Node (v4.1.x+) and NPM (2.14.x+)

Installing

clone or download this repo
npm i to install all dependencies

Running the app

After you have installed all dependencies you can now run the app with:

npm start

It will start a local server using webpack-dev-server which will watch, build (in-memory), and reload for you. The port will be displayed to you as http://localhost:8080.

Developing

Build files

Before you can make a build you will need to edit webpack.config.js at line 50:

# The default public path should be '/'. Please adjust it to your needs!
publicPath: isProd ? 'http://localhost/parkingapp/dist/' : 'http://localhost:8080/',

single run: npm run build
build files and watch: npm run watch

License

MIT

blattmann / parkingapp