Skip to content

React Native app that lets users search for images, display thumbnails in a grid list, and a detailed view of individual selected images

Notifications You must be signed in to change notification settings

sebge-1/image-viewer

Repository files navigation

image-viewer

React Native app that lets users search for images, displays thumbnails in a grid list, and a detailed view of individual selected images

Installation

  1. Clone the repository to your local machine
  2. Run npm install to install all dependencies in package.json
  3. Create a new env.js file in the root folder of the app.
  4. Configure env.js (see step above) with your own api key from pixabay.com and any api specific variables you want to include. Here is an example configuration: export const env = { API_KEY: {YOUR_KEY}, BASE_URL: 'https://pixabay.com/api/', apiKeyPrepend: '?key=', queryPrePend: '&q=' }
  5. Add env.js to your gitignore file
  6. Run react-native run-ios or react-native run-android

Screenshots

ios

Android

About

React Native app that lets users search for images, display thumbnails in a grid list, and a detailed view of individual selected images

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published