This is a sample application for creating a basic landing page using Angular 4++, Angular Material, and Firebase.
The purpose is to demonstrate the basics of developing an MVP using the Angular and Firebase Tools chains, including Firebase Hosting.
It is also an example of using github to create and manage a project. Many of the project management pieces build on the work done in the Cloaked Hipster Project.
Those aspects of development are explained in this projects wiki
Developing an MVP starts with defining a storyboard or scenario for the products main set of value. The 3 panel for this application is here.
In summary it is the following:
A user is made aware of a new application they want to learn more about via a member of the project team, a social media post, or an email. The user traverses the link which opens the application to learn more.
As a prospective user, on Navigating the landing page URL, I see a positioning page that describes the elevator pitch for the offering as well as supporting benefits.
A prospective user who is interested in the application can click the 'learn more' button to enter their name and an email to receive updates. On pressing the button and filling in the data, the user receives and email confirmation and thank you that they have been added to the mailing list.
There are payoffs both to the developer and the user who viewed the landing page. The developer gets the email and name of the user so that they can follow up with additional information or actions. The user receives acknowledgement that they are on the mailing list, and they are updated by the application developer of news about the deployment of the application.
This project was generated with Angular CLI version 1.2.1.
What follows is the information generated by default for the angular CLI
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.
Run ng generate component component-name
to generate a new component. You can also use ng generate directive|pipe|service|class|module
.
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.
Run ng test
to execute the unit tests via Karma.
Run ng e2e
to execute the end-to-end tests via Protractor.
Before running the tests make sure you are serving the app via ng serve
.
To get more help on the Angular CLI use ng help
or go check out the Angular CLI README.