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

Home Page:https://yog9.github.io/SnapShot/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://yog9.github.io/SnapShot/


Languages

Language:JavaScript 72.7%Language:CSS 23.3%Language:HTML 4.1%