In this project, i create my personal portfolio site using a Figma designs.
- HTML and CSS
- Frameworks: N/A
- Technologies used: GIT, GITHUB, LINTERS
Check Live Demo here.
To get a local copy up and running follow these simple example steps.
- npm (node package manager) – to be able to install packages locally.
- A github Account – to be able to use github actions.
- Open the terminal.
- Run cd \path\to\where\you\want\your\local\copy
- Clone the repo i. Run git@github.com:Sonickmumba/My-Portfolio.git ii. Run cd README/
-
install Webhint linter i. Run npm install --save-dev hint@6.x
-
install Stylelint linter i. Run npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
-
install ESLint linter i. Run npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x
-
install gulp i. Run touch gulpfile.js ii. Run npm install gulp --save-dev iii. Run npm install gulp-autoprefixer --save-dev
-
run Webhint linter
- Run npx hint . on the root of your directory of your project.
-
run Stylelint linter
- Run npx stylelint "**/*.{css,scss}" on the root of your directory of your project.
-
run ESLint linter
- Run npx eslint . on the root of your directory of your project.
-
run gulp
- Run gulp on the root of your directory of your project.
To run the project open the downloaded folder (after extraction) then run the "index.html" file in your browser.
👤 Author1
- GitHub: @Sonickmumba
- Twitter: @Sonick
- LinkedIn: Sonick Mumba
Contributions, issues, and feature requests are welcome!
Give a ⭐️ if you like this project!
This project is MIT licensed.