Etroniques - Electronics E-commerce Site (Microverse HTML/ CSS Capstone Project)

Description

Etroniques is a fictional online retail shop for a range of Apple products. The core feature of this project is it ability to adapt to various device screen sizes. The rubric of this project is to demonstrate the creation of responsive website using media queries. Follow this link for a video demonstration of Etroniques: video demonstration

Library Directory 📙

Contents
Live Demo
App Screenshot
Built With
Getting Started
Testing
Author
License

Live Demo

Etroniques live demo

App Screenshot

Built With

• HTML
• CSS

Getting Started

1. • Copy the git link https://github.com/rloterh/ElectronicsEShop.git of this project
2. • In your terminal run the command git clone https://github.com/rloterh/ElectronicsEShop.git
3. • Navigate to the cloned project directory
4. • Within the project root directory launch index.html in a web browser

Linters & Code Validation

The syntax of this project was mainly standardized using W3C Validator and Stylelint

Validating JavaScript Syntax

1. • Run the command npm -v to ensure node package manager is installed
2. • Go to npmjs.com to install node package manager, if not installed
3. • Go to the terminal, and navigate to project directory
4. • Run the command npm i
5. • Validate the javascript syntax and code standard by running the command npx eslint app.js
6. • All validation passes, when no error message is shown in the terminal

Validating CSS Syntax

1. • Run the command npm -v to ensure node package manager is installed
2. • Go to npmjs.com to install node package manager, if not installed
3. • Go to the terminal, and navigate to project directory
4. • Run the command npm i
5. • Validate the css syntax and code standard by running the command npx stylelint "**/*.{css,scss}"
6. • All validation passes, when no error message is shown in the terminal

Validating HTML Syntax

1. • Go to The W3C Markup Validation Service
2. • Upload the file named index.html from the project directory
3. • Click on the check button to validate
4. • All test cases should pass, when no error message is shown

Validating CSS Syntax

1. • Run the command npm -v to ensure node package manager is installed
2. • Go to npmjs.com to install node package manager, if not installed
3. • Go to the terminal, and navigate to project directory
4. • Run the command npm install
5. • Validate the css syntax and code standard by running the command npx stylelint "**/*.{css,scss}"
6. • All validation passes, when no error message is displayed in the terminal

Author

👨‍💻 Robert Loterh

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Design idea by Mohammed Awad on Behance
• Sample images used from Unsplash and Pixabay
• Project specification designed by Microverse

License