Skip to content

Latest commit

 

History

History
21 lines (19 loc) · 1.09 KB

README.md

File metadata and controls

21 lines (19 loc) · 1.09 KB

React Gallery App

React Gallery App: Project Overview

The React gallery app is an image gallery app built in a modular fashion to display 24 images in a page using Axios to fetch data from the Flickr API.
The gallery app has a search component to display searched images, and the searched text is added to the route.
There are 3 default displayed topics that are already setup using React Router.

In the project directory, you can run:

  • npm install to install all the necessary dependencies
  • Then, you will need to create a .env in the src directory of the project
  • In the .env file, you need to add a flickr api key.
  • Use this format to add the api key in the .env file.
 REACT_APP_API_KEY = ''
  • Check out my article on creating and using a working .env in react here
  • Now you should be able to run the project.
  • To start the project npm start
  • To build for production npm run build.
  • Consequently, you can access these actions of starting and building the project in the package.json.