/Eco-clothing

Ecommercce website

Primary LanguageCSS

Eco-clothing

Ecommercce website

Basic Ecommerce Website with Vanilla JS , node Js and Mongo DB , payment with PayPal CRUD

1. CREATE FOLDERS STRUCTURE

  1. create folder for for front end and back end folder
  2. Create folder frontend and SRC
  3. create index.html inside src folder
  4. npm init in front end folder (node )
  5. npm install live-server
  6. add start command as live-server src --verbose inside of the packa json in dev dependencies
  7. run npm start to start live server a and see the changes

2. DESIGN WEBSITE

  1. Create style.css file inside SRC folder
  2. Link the style.css with your html file
  3. Reset your style.css values
  4. Create your div. grid container
  5. Create header, main and footer
  6. style html, body
  7. style grid-container, header, main and footer

3. CREATE STATIC HOME SCREEN

  1. create ul products
  2. create li
  3. create div prodcut
  4. add product image , product name , product bran , product price
  5. style ul products and internal divs
  6. duplicate 2 times to show products