🍕 Initial commit

Author: toddmotto

.editorconfig

@@ -0,0 +1,20 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+
+# Change these settings to your own preference
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,32 @@
+# Project
+.idea
+.vscode
+
+# Node
+node_modules
+
+# macOS
+.DS_Store
+.AppleDouble
+.LSOverride
+Icon
+._*
+.Spotlight-V100
+.Trashes
+
+## Windows
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+$RECYCLE.BIN/
+
+# Package Managers
+yarn-error.log
+npm-debug.log
+
+# Build
+build
+vendor/*-manifest.json
+
+# Docs
+gh-pages

README.md

@@ -0,0 +1,85 @@
+<h1 align="center">
+<img width="40" valign="bottom" src="https://ultimateangular.com/assets/img/categories/ngrx.svg">
+NGRX: Store + Effects app
+</h1>
+<h4 align="center">Project seed app for our NGRX application using Angular, NGRX Store, Effects, Router Store.</h4>
+
+---
+
+<a href="https://ultimateangular.com" target="_blank"><img src="https://ultimateangular.com/assets/img/banner.jpg"></a>
+
+---
+
+> This repo serves as the seed project for the Ultimate Angular NGRX Store +
+> Effects course as well as the final solution in stepped branches, come and
+> [learn NGRX](https://ultimateangular.com/courses/) with us!
+
+[Setup and install](#setup-and-install) | [Tasks](#tasks) |
+[Resources](#resources)
+
+## Setup and install
+
+Fork this repo from inside GitHub so you can commit directly to your account, or
+simply download the `.zip` bundle with the contents inside.
+
+#### Dependency installation
+
+During the time building this project, you'll need development dependencies of
+which run on Node.js, follow the steps below for setting everything up (if you
+have some of these already, skip to the next step where appropriate):
+
+1. Download and install [Node.js here](https://nodejs.org/en/download/) for
+   Windows or for Mac.
+
+That's about it for tooling you'll need to run the project, let's move onto the
+project install.
+
+#### Project installation and server
+
+Now you've pulled down the repo and have everything setup, using the terminal
+you'll need to `cd` into the directory that you cloned the repo into and run
+some quick tasks:
+
+```
+cd <ngrx-store-effects-app>
+yarn install
+# OR
+npm install
+```
+
+This will then setup all the development and production dependencies we need.
+
+Now simply run this to boot up the server:
+
+```
+yarn start
+# OR
+npm start
+```
+
+Visit `localhost:3000` to start building.
+
+## Tasks
+
+A quick reminder of all tasks available:
+
+#### Development server
+
+```
+yarn start
+# OR
+npm start
+```
+
+## Resources
+
+There are several resources used inside this project, of which you can read
+further about to dive deeper or understand in more detail what they are:
+
+* [Angular](https://angular.io)
+* [ngrx/store](https://github.com/ngrx/platform/blob/master/docs/store/README.md)
+  docs
+* [ngrx/effects](https://github.com/ngrx/platform/blob/master/docs/effects/README.md)
+  docs
+* [npm](https://www.npmjs.com/)
+* [Webpack](https://webpack.js.org/)

assets/css/style.css

@@ -0,0 +1,77 @@
+*,
+*:before,
+*:after {
+  box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+}
+html,
+body {
+  height: 100%;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  color: #333;
+  background: #23292d;
+  -webkit-font-smoothing: antialiased;
+  font: 300 16px/1.4 -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+    Arial, sans-serif;
+  display: flex;
+}
+a {
+  text-decoration: none;
+  outline: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+  font-weight: normal;
+  margin: 0;
+  padding: 0;
+  font-family: 'cornerstone';
+}
+
+h3 {
+  font-size: 24px;
+}
+h4 {
+  font-size: 20px;
+}
+
+@font-face {
+  font-family: 'cornerstone';
+  src: url('../fonts/cornerstone.woff2') format('woff2'),
+    url('../fonts/cornerstone.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+.btn {
+  display: inline-block;
+  padding: 10px 15px;
+  margin: 0;
+  outline: 0;
+  border: 0;
+  border-radius: 3px;
+  font-size: 16px;
+  font-family: 'cornerstone';
+  cursor: pointer;
+  transition: all 0.2s ease;
+}
+.btn__ok {
+  background: #0f9675;
+  color: #fff;
+}
+.btn__ok:hover {
+  background: #0a7d61;
+}
+.btn__warning {
+  background: #ab131c;
+  color: #fff;
+}
+.btn__warning:hover {
+  background: #880c14;
+}