Allows users to search for images from https://unsplash.com/.
Requirements:
-
The results are updated live as the user type into the search box
-
Each image display some information when hover:
- Link to author page
- A button to save the image to the user’s favorite page
- When click, show a pop up for the user to choose which list to add the image to. If there’s no list, allow the user to create a new list
-
Display all favorite lists with correct images in each list
-
Edit favorite list title & description
-
Click on each favorite image should trigger the download
TODO:
- Display loader while fetching results
- Display no results message
- Handle API requests errors
- Add validation to favorite form
- Fix/implement unit tests
- Fix/implement e2e tests
- Allow for easier configuration of environment variables. Follow discussion at angular/angular-cli#4318
[ ] Try https://github.com/GaryB432/venv[ ] Try https://github.com/kopz9999/ng-node-environment- PS: Ended up using https://github.com/manfredsteyer/ngx-build-plus to set build time environment variables
This project was generated with Angular CLI version 7.1.3.
Create an Unsplash application https://unsplash.com/oauth/applications.
Set the value of your Unsplash access key to UNSPLASH_ACCESS_KEY enviroment variable on your terminal, before running/building the app.
Run npm start for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run npm run build to build the project. The build artifacts will be stored in the dist/ directory. Use the --prod flag for a production build.