Skip to content

awesome31/WebMiniProject3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Picture Search Application

Description

Created a new react project that has a search bar on the top and based on the searh term, the unsplash API is hit and we get the list of images. Also, creation of a grid dynamically based on the height of the image is also done.

Steps to run

  • Clone the repository.
  • There is an API key for the unsplash API that you need to add in the api folder.
  • npm start to run the application.

React concepts

  • Created different components for ImageCard, ImageList and SearchBar.
  • Ability to handle form inputs.
  • Ability to render lists in React.
  • Ability to use ref to access DOM elements.
  • Created a clean and functional code.

Main Screen

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published