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: 3 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 2 years ago)
• Default Branch: master
• Last Pushed: 2023-05-06T14:19:55.000Z (over 1 year ago)
• Last Synced: 2024-10-04T18:30:25.513Z (3 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

        
![](https://img.shields.io/badge/Microverse-blueviolet)

# 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 [email protected]:Sonickmumba/My-Portfolio.git

   ii. Run cd README/

### Install

- install Webhint linter

    i. Run npm install --save-dev [email protected]

- install Stylelint linter

    i. Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]

- install ESLint linter

    i. Run npm install --save-dev [email protected] [email protected] [email protected] [email protected]

- 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.