this is a portfolio project that the purpose of this project is to understand how to use basic JavaScript syntax, use JavaScript to manipulate DOM elements,use JavaScript events.and also in this project we use form JavaScript + HTML + CSS linters for check the linters errors ,.eslintrc.json file for chech the javascript errors locally,.stylelintrc.json file for check the css errors locally and .hintrc file for check the html errors locally.
Built With
- HTML & CSS and JavaScript
- Frameworks
- Technologies used
Live Demo :)
Authors
GitHub: SaeqaSultani
Twitter: SaeqaSultani
LinkedIn: SaeqaSultani
š¤
Contributing
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
Show your support
Give a
Acknowledgments
- Hat tip to anyone whose code was used
- Inspiration
- etc
š
License
This project is MIT licensed.
Added mobile menu to the mobile version of the Portfolio-Project
instruction
When the user clicks (or taps) the hamburger button, the mobile menu appears. When the user clicks (or taps) the close (X) button, the mobile menu disappears. When the user clicks (or taps) any of the mobile menu options, the mobile menu disappears. When the user clicks (or taps) any of the mobile menu options, a correct part of the page is displayed.
Added local-storage to the Portfolio-Project
Instruction
Added form-validation to the Portfolio-Project
Instruction
Added popup-window to the Portfolio-Project
Instraction
Added popup-window to the Portfolio-Project
Instruction
-When the user clicks (or taps) the button to check project details, the popup with details about the project appears. -When the user clicks (or taps) the close (X) button, the popup disappears.
Added accessibility property to the Portfolio-Project
links of line number that we have changed
https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L8 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L55-L56 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L64 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L68 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L90 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L123 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L128-L129 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L164 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L198 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L238 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L242 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L246 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L17 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L28 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L79-L81 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L112-L115 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L152-L155 https://github.com/SaeqaSultani/Portfolio-Project/blob/desktop-version/index.html#L187-L190
Added desktop-version to the Portfolio-Project
Desktop version added in the Portfolio-Project
Added contact-form in the Portfolio-Project
Added contact-form in the Portfolio-Project
Mobile version add work and about sections
Finding burgs
Please try to use the ASCII characters. To validate your form in JavaScript. Eg:
const checker = (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(myForm.emailAddr.value))