Skip to content
forked from Yog9/SnapShot

SnapShot is Gallery created using React Hooks, Context API and React Router. 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.

Notifications You must be signed in to change notification settings

puffinfo/SnapShot

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Snap Shot Tweet

Build Status License: MIT HitCount

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

Coming Soon

  • Cypress E2E Tests

Contributing

Everyone is welcomed to contribute to this project. You can contribute either by submitting bugs or suggesting improvements by opening an issue on GitHub. Please see the CONTRIBUTING guidelines for more information.

This project was bootstrapped with Create React App.

About

SnapShot is Gallery created using React Hooks, Context API and React Router. 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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 72.6%
  • CSS 23.3%
  • HTML 4.1%