/flickrexplorer-frontend

Primary LanguageJavaScript

This is a Next.js project bootstrapped with create-next-app.

Deployment

This project is deployed on Vercel here

Project Description

Frontend Stack

  • NextJs 11
  • Axios / Next Api routes
  • Material UI

Backend Stack

  • Node Js
  • Flickr Public Image API

Unit Test

  • Jest
  • React Testing Libary

Usage

Flickr explorer is splitted into 2 tabs :

1st Tab, Search, consist of :

  • Search Input, to key in tags key, and get image result based on tags
  • Card image result

2nd Tab, Search, consist of :

  • Pagination from Material UI, with each image loaded 1 by 1
  • Card image result

1st Tab, Search, consist of :

  • Search Input, to key in tags key, and get image result based on tags, with a call from API on each search
  • Card image result