Image Search App using React and Unsplash API

Create search images app with react and unsplash api, we also learn how to create useAxios hook, learn how to styling the app with tailwind, and also create beautiful skeleton loading page.

👨‍💻Code:

🔗Link:

🌎Live:

Timestamps:
0:00 - Intro
00:07 - Demo
01:19 - Setup create react app
02:15 - Install and Setup Tailwind CSS
03:23 - Jumbotron Component
05:24 - SearchField Component
09:59 - Images Component
12:37 - Unsplash App
14:17 - Create useAxios hooks
20:17 - Create ImageContext
22:21 - Image Component
25:46 - Skeleton Component
28:28 - SearchField API Integration
36:04 - Done

👋🏻Contact Me:

🌎 Find Me Here:

#react #searchImages #enjoyCoding

[muhammadosama]

Very well explained and amazing job!. I love your calm voice helps me slow things down and understand clearly.

[RianYK]

Thank you for tutorial, this is help me understanding react and http request from API

[seekersaurabh]

How to give attribution to the photo we get from search result?

[dqfgqxx]

how to add in this project load more button or prev / next page working button, please help me for making this

[sanyk]

How to implement on click image to view large size image?

[bulletballers]

Is this API CALLING pure frontend? What’s the difference in using the APU in a dedicated backend (server), instead ???

[robertparker]

Hee Broo!

const { response, isLoading, error, fetchData } =

on this line some time I got values and some time null so than my context.provider will not return value

[jayantverma]

how to implement infinite scrolling in this search component?