Image Search App using React and Unsplash API
Check out MiniTool MovieMaker: https://bit.ly/4hKFA9A 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:
https://github.com/candraKriswinarto/...
🔗Link:
Unsplash Developer: https://unsplash.com/developers
Create React App: https://create-react-app.dev/
🌎Live:
https://find-images-app.vercel.app/
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:
https://canddev.vercel.app/
🌎 Find Me Here:
Instagram : / candra_kriswinarto
GitHub: https://github.com/candraKriswinarto/
Linkedin: / candra-kriswinarto
#react #searchImages #enjoyCoding