ecommerace
Design ecommerace platform from scratch
Steps
- Make the structure for the projects
- Create folder [ecommearce][done]
- Create 2 Folder [build] : this is for production [src]: this is for development[done]
- Inside [src] folder create [css][fonts][images][js][done]
- Create html file and start coding [done]
- install Node.js from url[done]
- install Gulp.js by writing command
[npm install gulp@3.9.1]
[done] - create gulp.js file and test the gulp[done]
- install gulp cli by cmd
[npm install -g gulp-cli]
[done] - Fix problem of node.js because the tutorial use old version of gulp & node.js [done]
- uninstall node.js [https://www.positronx.io/how-to-uninstall-node-js-and-npm-from-macos/] [done]
- install old node [https://nodejs.org/dist/latest-v10.x/] [done]
- test the gulp [done]
- install glup connect to refresh the page auto by command
npm install gulp-connect
- adding the automation for gulp ✅
- adding Bootstrap 4 ✅
- create the 1st page ✅
- install
npm install gulp-css-flipper
configure the RTL for Bootstrap 4 - install merage for merge flip & noFlip
npm install merge-stream
- install the Fonts
- style the search bar
- style the dropdown list
- style the search button
- adding shopping cart icon