https://github.com/sonickmumba/my-portfolio
This is the Portfolio project. The purpose of this project is t understand javaScript syntax, use of javaScript to manipulate the DOM. The project was also implemented with the use of javaScript + HTML + CSS linters to check the linter errors.
https://github.com/sonickmumba/my-portfolio
css eslint html javascript stylelint
Last synced: 7 months ago
JSON representation
This is the Portfolio project. The purpose of this project is t understand javaScript syntax, use of javaScript to manipulate the DOM. The project was also implemented with the use of javaScript + HTML + CSS linters to check the linter errors.
- Host: GitHub
- URL: https://github.com/sonickmumba/my-portfolio
- Owner: Sonickmumba
- Created: 2022-06-29T16:51:51.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-05-06T14:19:55.000Z (over 2 years ago)
- Last Synced: 2025-03-11T16:39:32.938Z (9 months ago)
- Topics: css, eslint, html, javascript, stylelint
- Language: CSS
- Homepage:
- Size: 1.62 MB
- Stars: 7
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio Project
> In this project, i create my personal portfolio site using a Figma designs.
## Built With
- HTML and CSS
- Frameworks: N/A
- Technologies used: GIT, GITHUB, LINTERS
## Live Demo
Check **Live Demo** [here.](https://sonickmumba.github.io/My-Portfolio/)
## Getting Started
> To get a local copy up and running follow these simple example steps.
### Prerequisites
- npm (node package manager) – to be able to install packages locally.
- A github Account – to be able to use github actions.
### Setup
- 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
- 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
### Usage
### Run tests
- 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.
### Deployment
To run the project open the downloaded folder (after extraction) then run the "**index.html**" file in your browser.
## Authors
👤 **Author1**
- GitHub: [@Sonickmumba](https://github.com/Sonickmumba)
- Twitter: [@Sonick](https://twitter.com/MumbaSonick)
- LinkedIn: [Sonick Mumba](https://www.linkedin.com/in/sonick-m-301557a2/)
## 🤝 Contributing
Contributions, issues, and feature requests are welcome!
## Show your support
Give a ⭐️ if you like this project!
## 📝 License
This project is [MIT](./MIT.md) licensed.