A Photo Search Web Application based on the Flickr APIs
Node 10.13.0 + npm 6.4.1 were used to create this application
- Open https://www.flickr.com/services/api/
- Click on API Keys
- Authenticate and create your API Key
- Create a
.env
file in the root of thisFlickr Demo
project - Copy your API key inside and save
FLICKR_API=API_KEY_HERE
Please install all the required dependencies running the following script:
npm install
Once the dependencies are successfully installed the application can be run in dev mode using:
npm run start:dev
or in production mode using:
npm run start
The application is available at: http://localhost:8080/
"scripts": {
"start": "npm run start:prod",
"build": "npm run clean && cross-env MODE=production BABEL_ENV=production webpack --config config/webpack.config.js",
"clean": "rimraf dist",
"serve": "serve -s dist",
"start:dev": "cross-env MODE=development BABEL_ENV=development webpack-dev-server --config config/webpack.config.js --progress --hot",
"start:prod": "npm run build && webpack-dev-server --config config/webpack.devserver.prod.js",
"start:prod-serve": "npm run build && npm run serve",
"webpack-analyzer": "cross-env MODE=production BABEL_ENV=production webpack --config config/webpack.analyzer.js --progress"
}
- Investigate Flickr API pagination issue (Some requests (per page) do not return the requested page size).
1.1 Flickr API Explorer - Material Design Card Title has no overflow.
.
You May have forgotten to apply your Flickr API key.