Create a web page application that let the user to show and search flickr images. The application is composed as:
- Create a proxy API in netcore (Flickr public API https://www.flickr.com/services/feeds/)
- Create a page that displays the public feed images in either a list or grid view.
- Optional: The user should be able to enter a keyword in a search box and click on a search button and the app should return images with the relevant tags.
- Load set of public images from Flickr
- Open the Flick link if the user click the image
- Search for Tags (also multiple tags, separated by spaces)
Using a bash or command type, build the project with dotnet build
and dotnet run
.
As a IDE I've used Visual Studio Code, so there is no solution file.
You can run the whole project as a docker container:
$ cd flickr-app
$ docker build -t flickr-app .
$ docker run -p 80:80 flickr-app:latest
$ echo The app is available in $(docker-machine ip):80
or simply with docker compose
$ cd flickr-app
$ docker-compose up
using docker-hub
$ docker run -p 80:80 acquarius/flickr-app:latest
It will use the port 80, if you have a virtualization please run
$ echo The app is available in $(docker-machine ip):80
ASP.NET Core and WebApi in the backend, React with Bootstrap and Material UI component as a front-end layer
Flickr public apis https://www.flickr.com/services/feeds/docs/photos_public/
There is another project flickr-app.Test for the testing part.
To run the test execute dotnet test