https://github.com/theakashshukla/snapshot

https://github.com/theakashshukla/snapshot

project react react-hooks reactjs

Last synced: about 2 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/theakashshukla/snapshot
• Owner: theakashshukla
• Created: 2023-01-03T22:00:10.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-15T13:53:47.000Z (over 3 years ago)
• Last Synced: 2025-03-23T20:44:37.792Z (over 1 year ago)
• Topics: project, react, react-hooks, reactjs
• Language: JavaScript
• Homepage: https://theakashshukla.github.io/SnapShot/
• Size: 2.4 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md

Awesome Lists containing this project

README

          
# Snap Shot [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=See%20this%20react%20example&url=https://theakashshukla.github.io/SnapShot/&hashtags=react,context-api,freecodecamp,developers)

[Demo of Snap Shot](https://theakashshukla.github.io/SnapShot/)

![](/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.**

### 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](CONTRIBUTING.md) guidelines for more information.

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).