Create Responsive Image Gallery in React JS using Ant Design Components | Image Grid React JS App

#reactjs #antd #imagegallery #responsivewebsite #grid #codewithaamir
In this video tutorial I have explained how to create a responsive Image Gallery in React JS using Ant Design Components and explained how to implement search on top of it by integrating server API. This video focuses on the following functions
- How to create a responsive Image Gallery in React JS using Ant Design Components
- How to integrate server API to fetch and search in Image Grid React JS App
- How to add hover effect on photo cards in react photo gallery app using react js and antd system
- How to create a react gallery grid app using antd components like antd Card, antd Space, antd Image, antd Input, antd List and antd Typography
- How to implement search using server APIs for react photo gallery app in reactjs
- How to show preview of multiple photos or images in react
- How to use ant design Image PreviewGroup component in reactjs
- How to make antd List columns responsive for desktop and mobile resolutions
- How to show less cards on smaller resolutions and more cards on larger resolutions using grid prop on antd list component UI System
- How to add remove preview from photo/image using antd Image component
- How to use antd Input Search component in react app to create a searchable image grid react applications
- How to use useState and useEffect react hooks

Also in this video we will be using different ant design components, so if you have not gone through those already here are their specific videos to see how those components are being used in react app

Also used different hooks and react/javascript concepts based on these videos

Happy Coding!

[hakan]

I am blown away by the creativity and effort put into this video. It was well-produced and engaging from start to finish. Thank you for creating such wonderful content.

[andychua]

Very professional application a very good example for eCommerce application.

[mutebiugofficial]

Hey 🎉, I have implemented everything, which works perfectly. Thanks. But am inquiring how I get something like, if the user types I'm some text to search, and submits, it should appear in the url like say, , how can I achieve this boss