How to construct Ecommerce Site action by step for newbies by utilizing Visual Studio|Website design
SUBSCRIBE: https://www.youtube.com/channel/UCLsRdRqfTlPQAFi_3EMH4WA
Part 1: https://youtu.be/qF4Tg_QhYTg
Part 2: https://youtu.be/btrhNzLu0c0
Part 3: Coming Quickly …
Playlist: https://www.youtube.com/watchv=qF4Tg_QhYTg&list=PL2PEkHOXWRO5wMmaXv4Z38Vg89jU5nKUz
Here in this video you will find out to develop an eCommerce website step by step utilizing HTML and CSS. In this e-commerce site style we will create Web page of eCommerce site with banner section, some included classifications images, then some included items with product price, image and rating.
Then there will be more most current products, and one deal section with unique item. After that there will be testimonials and top brands section. At the bottom of website we will make footer with 4 columns.
After that we will make the fall menu for mobile scree and we will make this complete site style responsive from mobile phones.
In next part we will make all products page, single item page, shopping cart page, login and registration page for this Ecommerce Site
————————————-
Advised Hyperlinks:
Final Project Repo:
https://github.com/bradtraversy/proshop_mern
Download VSCode:
https://code.visualstudio.com/
Download Node.js
https://nodejs.org/en/
Download Git:
https://git-scm.com/
Download Postman:
https://www.postman.com/
Respond Docs:
https://reactjs.org/
Redux Docs:
https://redux.js.org/
MongoDB Site:
https://www.mongodb.com/
Heroku Website & CLI Docs:
https://www.heroku.com/
https://devcenter.heroku.com/articles/heroku-cli
Redux DevTools:
https://chrome.google.com/webstore/detail/redux-devtools/lmhkpmbekcpmknklioeibfkpmmfibljd?hl=en
Respond Bootstrap:
https://react-bootstrap.github.io/
Bootswatch:
https://bootswatch.com/
JWT.io
https://jwt.io/
Website Design/ Drk DeviL YouTube Channel
https://www.youtube.com/channel/UCLsRdRqfTlPQAFi_3EMH4WA
———————————
Complete Ecommerce website Using HTML and CSS
8 Complete site step by action
Source Code Download
76 Lectures, 12 Hours Video
————————————-
My suggested tools and tutorials
https://www.youtube.com/channel/UCLsRdRqfTlPQAFi_3EMH4WA
————————————-
Time Stamp:
00:00:00 Channel Intro
00:00:10 Job Demo
00:07:24 Resources & Environment
00:15:06 Channel Introduction
00:15:16 React Setup & Git Initialize
00:27:27 React-Bootstrap Setup, Header & Footer Elements
00:41:20 HomeScreen Item Listing
00:51:51 Rating Element
01:05:46 Implementing React Router
01:12:03 Product Details Screen
01:23:52 Channel Introduction
01:24:02 Front End Back End Workflow & Description
01:28:07 Serving Products – Back End Routes
01:35:25 Fetching Products From React (useEffect).
01:46:01 Nodemon & Simultaneously Setup.
01:51:31 Environment Variables.
01:55:51 ES Modules In Node.js.
02:00:00 Channel Introduction.
02:00:10 MongoDB Atlas & Compass Setup.
02:07:41 Connecting To The Database.
02:12:56 Adding Colors To The Console (Optional).
02:16:06 Designing Our Data.
02:30:20 Preparing Sample Data.
02:34:59 Data Seeder Script.
02:45:40 Fetching Products From The Database.
02:54:07 Starting With Postman.
02:59:41 Custom Error Handling.
03:10:06 Channel Intro.
03:10:16 A Summary Of Redux.
03:15:36 Develop a Redux Shop.
03:24:29 Item List Reducer & Action.
03:37:42 Bringing Redux State Into HomeScreen – useDispatch & useSelector.
03:46:32 Message & Loader Components.
03:50:48 Item Details Reducer & Action.
04:01:55 Channel Introduction.
————————————-.
Like – Follow & Subscribe us:.
◼ YouTube: https://www.youtube.com/channel/UCLsRdRqfTlPQAFi_3EMH4WA.
◼ Mail: [email protected].
Construct Your Dream site Easy. For Any Question Comment United States Easily.
Thanks For Supporting.
#drkdevil #WebDesign #EcommerceWebsite.
Source