Portfolio

Builing a portfolio page about myself

Live Demo

Portfolio

Built With

• HTML, CSS and Javascript
• Webhint
• Styelint
• Lighthouse (An open-source, automated tool for improving the quality of web pages. It has audits for performance, accessibility, progressive web apps, SEO and more).
• Webhint (A customizable linting tool that helps you improve your site's accessibility, speed, cross-browser compatibility, and more by checking your code for best practices and common errors).
• Stylelint (A mighty, modern linter that helps you avoid errors and enforce conventions in your styles).
• ESLint

Getting Started

Cloning the project

Git clone https://github.com/Yorsyboy/Microverse-Portfolio.git

To get a local copy up and running follow these simple example steps.

Prerequisites

• A working browser application.
• VS code or anu other IDE
• NPM (Node Package Manager)

Setup

Install

INSTALLING AND TESTING WEBHINT

- npm init -y
- npm install --save-dev hint@6.x

For validation detection to use Webhint Run
-npx hint .

INSTALLING AND TESTING STYLEHINT

- npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

For validation detection to use Webhint Run

- npx stylelint "**/*.{css,scss}"

Usage

Run tests

Deployment

• Github

Authors

👤 Toyosi

• GitHub: @Yorsyboy
• Twitter: @tboytaiwo
• LinkedIn: LinkedIn

🤝 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

• Hat tip to anyone whose code was used
• Inspiration
• etc