Luxury E-Commerce Website

I will record the process of creating this project.

An E-Commerce website for practicing different skills as Front End Web Developer.

---

Work process:

• Receive designs as PSD.
• Start buildig with HTML5, CSS3(SCSS) and Javascript.
• Apply Sass architecture structure.
• Add Normalize css.
• Add Sass variables.
• Add Sass Mixins.
• Add Sass Functions.
• Add Fonts - Google fonts.
• Add Icons - Font Awesome. *Some icons may not the same because its paid one.
• Build components.
• Build Layouts.
• Convert HTML to Pug for more organize, clean, and reusable code.
• Create dummy Json data.
• Documenting scripts with JSDoc.
• Injecting api data to html.
• Render fake data and update HTML & CSS pased on how data displays.
• Initalize firebase back-end.
• Init facebook developer login authentication.
• Init twitter developer login authentication.
• Init database into firebase.

Skills:

• PSD ( Adobe Photoshop )
• Git
• Github
• HTML (Pug)
• CSS
• Sass (Scss)
• Javascript | Object-oriented programming | Async/await
• JSON
• json-server
• Leaflet maps
• JSDoc
• regex
• firebase
• facebook login auth.
• twitter login auth.
• email-password login auth.

Other skills:

• Converting PSD to code.
• Useing firebase as a back-end.
• login auth with (facebook, twitter, email-password)

Used programs & web apps:

• Adobe Photoshop
• Editor: VS Code
• Browser: Google Chrome
• Font: Google fonts
• Icons: Font Awesome
• Maps: Leaflet
• API Platform: Postman
• Back-End: Firebase

Sources:

• Sass architecture structure
• Normalize.css
• Google Fonts
• Font Awesome
• Leaflet maps
• JSDoc
• regexr
• FireBase