botlhale-setou.github.io

My portfolio project: setup and mobile-first

Built With

• HTML & CSS
• HTML & CSS Linters (Lighthouse, Webhint, Stylelint, NodeChecker)
• Git Bash
• VS Code
• Figma (template design 4)

Live Demo

Click here to view live demo.

Getting Started

This is a basic software developer portfolio (continuously under construction). It showcases the author's understanding of Flexbox, Semantic HTML, :hover, Git & GitHub, etc.

• PLEASE COMMIT CHANGES TO NEW BRANCH & SUBMIT PR BEFORE MERGING.
• PLEASE MAKE NO CHANGES TO "git config"

Prerequisites

• GitHub Account
• Git Bash (or other Terminal)
• VS Code (or other IDE/Text-Editor)

Setup

To get a local copy up and running, follow these steps:

1. Click "Code" button
2. Select preferred clone method and copy Repo URL
3. Open Git Bash (or other terminal) and enter "cd [Local Workstation Path]"
4. Enter "git clone [Repo URL]"
5. Enter "git checkout -b [New-Branch-Name]"

Install Linters

Linters exist to ensure a standard quality of code is maintained by all contributors. Run the following commands in your terminal to install/run the corresponding linter:

WEBHINT

install: npm install --save-dev hint@7.x

run: npx hint .

STYLELINT

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

run: npx stylelint "**/*.{css,scss}"

LIGHTHOUSE

No install needed.

NODECHECKER

This ensures that "node_modules/" is included in .gitignore. No install needed.

Author(s)

👤 Botlhale Setou

• GitHub: https://github.com/Botlhale-Setou
• Twitter: https://twitter.com/Botlhale_Setou
• LinkedIn: https://www.linkedin.com/in/botlhalesetou/

Show your support

Give a ⭐️ if you like this project!

Acknowledgements

• A special thank you to all those who helped shape the version we're on!

📝 License

• Currently unlicensed.