https://github.com/botlhale-setou/my-first-portfolio-site
My website (new one under construction...) - built using HTML/CSS and JS
https://github.com/botlhale-setou/my-first-portfolio-site
html-css-javascript portfolio-website
Last synced: 8 months ago
JSON representation
My website (new one under construction...) - built using HTML/CSS and JS
- Host: GitHub
- URL: https://github.com/botlhale-setou/my-first-portfolio-site
- Owner: Botlhale-Setou
- Created: 2022-08-17T17:39:43.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-10-11T13:30:38.000Z (about 3 years ago)
- Last Synced: 2025-04-12T09:19:48.998Z (8 months ago)
- Topics: html-css-javascript, portfolio-website
- Language: CSS
- Homepage:
- Size: 3.65 MB
- Stars: 7
- Watchers: 1
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# **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](https://botlhale-setou.github.io/) 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.