Flickr Feed Viewer and Search

Simple web application that reads data from Flickr's public feeds and displays the images on the page to the user.

Table of Contents

1.General Infro

2.Demo

3.Technologies

4.API Methods

5.Setup

General Info

This is an full stack application that can be used to load the public feed images of the API as a grid view and also to search images which returns from the API by giving a keyword.

Flickr API has used as the 3rd party API.

Demo

image

image

image

Technologies

  • Frontend - Reactjs

  • Backend - Nodejs/Expressjs [v10.16.3]

  • API Testing - Jest and Supertest

API Methods

  • /api/photos : load the public feed images

  • /api/search/[tag] : returns the images which is match with the relevant tag.

Setup

Backend

$ cd backend

$ npm install

$ npm install -g nodemon

$ nodemon server

Frontend

$ npm install

$ npm start

API Testing

$ cd backend

$ npm install --save-dev jest

$ npm run test