Aspirer Acquisition

• 

  Sign in page

Inspiration

The colors of the Aspire For Her website inspired the look of the web app.

What it does

It signs in new members. If the log in information is wrong, there is an error message displayed. Since I do not have access to a database, this web app cannot store new users. It currently has one user that the app can authenticate. The correct credentials for that user is: Userame: admin Password: 9009kj

How I built it

I built it using Angular HTML and CSS.

Challenges I ran into

I couldn't figure out how to display a message when the Sign In button is pressed. I also had issues with the alignment of the second and third div of the page.

Accomplishments that I'm proud of

• the username and password boxes
• the clicking of the button
• the message that is displayed after the button is clicked

What I learned

• interpolation in Angular
• how to use margin-top to fix alignment of divs.

What's next for Acquisition

This is a basic version of a web app that can be extended. There could be animations added to the title and pictures to the background using HTML and CSS.

Built With

• angular.js
• css3
• html5
• typescript