PhotoQuery

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.

Configuration

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.

Development server

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.

Build

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.