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.