Skip to content

DarkHorseCorder/React-ImgaeBrowser-FlickerAPI-Axios-useContext-Router

Repository files navigation

Snap Shot

Summary

Snap Shot is a gallery created using React,React Hooks, React Router and Context API. The Routes were setup for four default pages and a search page. Also the images were displayed using the Flickr API and axios to fetch data.

Motivation

The purpose of this project was to get familiar with React Hooks and Context API.

Getting Started

Click the demo link or clone/download the repository on your local machine. Create a config.js file in api folder inside src folders. In config.js file write export const apiKey = "YOUR_FLIKR_API_KEY";

Install dependencies

yarn install

Run Snap Shot from the root directory.

yarn start

Built With

  • React js
  • React Router
  • React Hooks
  • Context API
  • Flickr API

Features

1. Responsive Design.

2. Search functionality added to search photos from API.