The rubric of this project is to demonstrates the use use of semantic html, css and javascript to build a mobile menu of a portfolio website. The base project was and project specification is an attribution of Microverse.
- HTML5
- CSS3
- JavaScript
- Styleint
- Eslint
-
- Copy the git link
https://github.com/rloterh/MobileMenu.git
of this project
- Copy the git link
-
- In your terminal run the command
git clone https://github.com/rloterh/MobileMenu.git
- In your terminal run the command
-
- Navigate to the cloned project directory
-
- Within the project root directory launch
index.html
in a web browser
- Within the project root directory launch
This project was tested using W3C Validator, Stylelint and Eslint
-
- Upload the file named
index.html
from the project directory
- Upload the file named
-
- Click on the check button to validate
-
- All test cases should pass, when no error message is shown
-
- Run the command
npm -v
to ensure node package manager is installed
- Run the command
-
- Go to npmjs.com to install node package manager, if not installed
-
- Go to the terminal, and navigate to project directory
-
- Run the command
npm install
, if packages are not installed
- Run the command
-
- Validate the css syntax and code standard by running the command
npx stylelint "**/*.{css,scss}"
- Validate the css syntax and code standard by running the command
-
- All test cases passes, when no error message is shown in the terminal
-
- Run the command
npm -v
to ensure node package manager is installed
- Run the command
-
- Go to npmjs.com to install node package manager, if not installed
-
- Go to the terminal, and navigate to project directory
-
- Run the command
npm install
, if packages are not installed
- Run the command
-
- Validate the css syntax and code standard by running the command
npx eslint .
- Validate the css syntax and code standard by running the command
-
- All test cases passes, when no error message is shown in the terminal
๐ค Robert Loterh
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Give a โญ๏ธ if you like this project!
- Application is based on this Figma design!
- Microverse!
This project is MIT licensed.