Snap Shot

Demo of 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 components folder. In config.js file write export const apiKey = "YOUR_FLIKR_API_KEY";

Install dependencies

npm install

Run Snap Shot from the root directory.

npm 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.

Coming Soon

• Create a carousel with react to browse photos.

This project was bootstrapped with Create React App.