https://github.com/darkhorsecorder/react-imgaebrowser-flickerapi-axios-usecontext-router

react image browser using flicker api by axios
https://github.com/darkhorsecorder/react-imgaebrowser-flickerapi-axios-usecontext-router

api axios flicker-api image react usecontext usecontext-hook

Last synced: 3 months ago
JSON representation

react image browser using flicker api by axios

• Host: GitHub
• URL: https://github.com/darkhorsecorder/react-imgaebrowser-flickerapi-axios-usecontext-router
• Owner: DarkHorseCorder
• Created: 2023-01-15T14:45:52.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2023-01-15T14:51:42.000Z (about 2 years ago)
• Last Synced: 2024-04-20T00:51:37.450Z (10 months ago)
• Topics: api, axios, flicker-api, image, react, usecontext, usecontext-hook
• Language: JavaScript
• Homepage:
• Size: 3.32 MB
• Stars: 9
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

        
# Snap Shot

![](/snapscout.png)

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