Project Overview
Objective
Using Angular, build the client-side for an application called myFlix based on its existing server-side code (REST API and database).
Github:
https://github.com/sms165/myFlix-Angular-clientGithub (live version):
https://sms165.github.io/myFlix-Angular-client/welcomeUsername: tester
Password: password
Planning
User Stories
- As a user, I want to be able to receive information on movies, directors, and genres so that I can learn more about movies I’ve watched or am interested in.
- As a user, I want to be able to create a profile so I can save data about my favorite movies
Style Guide
Color Palette
I oriented the style of the website on the stylings I used for the React myFlix App.
Background Color:
#0D1A25
Component Color:
#122535
Link Hover Color:
#F90606
Button Color:
#59A9F0
Development
Technologies Used
- Angular
- Typescript
- HTML
- CSS / React Bootstrap
- Material Design
Challenges:
-
A problem I faced was that the movies were not loading when the user signed in, instead they only loaded after I refreshed the screen.
-
I was finally able to solve this problem myself when I realized that the token for the authorization was not saved correctly and I had to add it to local storage and then add it to the API call for getting the movie data.