How To Make Product Card with React (Build Product Card with React.js Firebase & MockAPI)
In this video you will learn how to make a fully responsive product card in reactjs you will also store the products in a mock-server and learn how to fetch those data...
🆓 Source Code File
➜ https://github.com/creative-tutorials...
💻 My Code Editors
Visual Studio Code
Subscribe for more videos
https://youtube.com/c/CreativeTutoria...
Get Connected With Us
---------------------------------------------------------------------
Instagram
➜ / creativetutorialsweb
Facebook
➜ / creative-tutorials-112912460413040
#javascriptproject #creativetutorials #programming #websitedesign #html #css #javascript #uidesign #ShoppingApp #ProductCardUI #Uiapp #ProductCard #productcard #userexperience #mobileapp #figma #adobexd #iosdevelopment #webapp
Chapters
00:00 - Project Introduction
02:18 - Adding HTML Elements in App.js
04:11 - Styling in login wrapper
07:58 - Initializing Firebase
09:53 - Working on Login validation
20:39 - styling error div
22:10 - Working on Product Page
25:10 - Styling CSS file for product page
28:22 - Fetching Products from mock API
32:10 - Checking response status from API
37:14 - Working on PreviewBox
39:52 - Working on touch count for mobile devices
41:57 - Working on the error page if the user goes offline.
49:10 - Responsive Media Query.
Music Credit:
––––––––––––––––––––––––––––––