Based on this Prototype, and the code provided (if desired), produce a basic photo album site.
Home Page : List of users
User Specific Component : Users name shown at top, Dropdown / Select box listing all albums, when clicked this takes you to the pictures within that album
Album Specific Component : Tiles, each with an image on.
Use JSON Placeholder as your data source, specifically /users, /albums, /photos.
You may
- Call JSON Placeholder from the client-side or the server-side.
- Copy code from the web, however please comment your code with where you took it from. We'll be asking questions on how / why you chose to use it and how you modified it to work for you.
- Get in touch anytime if you have questions or concerns
- Consider extending the functionality outlined
- Change detection strategies
You Must :
- Start from scratch and use our code just for reference
- Use Angular
- Use Angular Material
- Push your code to a Git Repo
To run the express server npm run dev
Open localhost:3000 in your browser
Note : If you are getting an 'Access Control Allow Origin' error try opening in Chrome and installing and enabling this chrome extension: https://chrome.google.com/webstore/detail/cors-toggle/jioikioepegflmdnbocfhgmpmopmjkim?hl=en