portfolio

KO | EN

gitlite — search

#python #ai #typescript #golang #go #android #rust #deep-learning #macos #java #cli #pytorch #security #mcp

(★ 15)

The portfolio project involves creating HTML/CSS/JavaScript linters and building a professional portfolio webpage using a Figma template as a reference.

portfolio Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 📗 Table of Contents

- [📖 About the Project](#about-project)
  - [🛠 Built With](#built-with)
    - [Tech Stack](#tech-stack)
    - [Key Features](#key-features)
  - [🚀 Live Demo](#live-demo)
- [💻 Getting Started](#getting-started)
  - [Setup](#setup)
  - [Prerequisites](#prerequisites)
  - [Install](#install)
  - [Usage](#usage)
  - [Run tests](#run-tests)
  - [Deployment](#deployment)
- [👥 Authors](#authors)
- [🔭 Future Features](#future-features)
- [🤝 Contributing](#contributing)
- [⭐️ Show your support](#support)
- [🙏 Acknowledgements](#acknowledgements)
- [📝 License](#license)

# 📖 [Portfolio] <a name="about-project"></a>

**[Portfolio]** is a learning project in which it is required to implement HTML/CSS/JavaScript linters.. And to build a professional portfolio webpage based on Figma template..

## 🛠 Built With <a name="built-with"></a>
Visual Studia Code, Figma and HTML/CSS/JavaScript linters

### Tech Stack <a name="tech-stack"></a>

### Key Features <a name="key-features"></a>

- **[Linters implementation]**
- **[Portfolio homepage]**

(<a href="#readme-top">back to top</a>)

## 🚀 Live Demo <a name="live-demo"></a>

- [Live Demo Link](https://www.loom.com/share/48b148afee274f95a0ecc0ffbe4af33d?sid=ebe7b091-c86b-4f36-a53e-a5ddf673358e)
- [Live Demo Link - Mobile version menu](https://drive.google.com/file/d/1spglecmU_T14dXomny0K6WwLGI28VB5I/view?usp=sharing)
- Or you can just click [here](https://tajemouti.github.io) to access the online portfolio homepage.

(<a href="#readme-top">back to top</a>)

## 💻 Getting Started <a name="getting-started"></a>

### Setup <a name="setup"></a>

In order to use this project.. Clone this repository to your desired folder by pasting this command in your command line interface:

https://github.com/tajemouti/portfolio.git

### Prerequisites <a name="prerequisites"></a>

Node.js
  Git
  HTML/CSS/JavaScript linters

### Install <a name="install"></a>

-Install Webhint:

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

NOTE: If you are running on Windows, you need to initialize npm to create package.json file.
  
  npm init -y

Then copy .hintrc to the root directory of your project.

-Install Stylehint:

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

Then copy .stylelintrc.json to the root directory of your project.

-Install ESlint:

npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Then Copy .eslintrc.json to the root directory of your project.

### Usage <a name="usage"></a>

-Run

npx hint .

and

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

and

npx eslint .

-Fix validation errors.

### Run tests <a name="run tests"></a>

You can check if your linter configuration is correct using the [check-linters-config](https://github.com/microverseinc/linters-config/blob/master/scripts) script.

(<a href="#readme-top">back to top</a>)

### Deployment

This project is deployed using Github Pages and Git bash..

(<a href="#readme-top">back to top</a>)

## 👥 Authors <a name="authors"></a>

👤 **Author1**

- GitHub: [@tajemouti](https://github.com/tajemouti)
- Twitter: [@AjrassTajemouti](https://twitter.com/AjrassTajemouti)
- LinkedIn: [LinkedIn](https://linkedin.com/in/ajrass)

(<a href="#readme-top">back to top</a>)

## 🔭 Future Features <a name="future-features"></a>

- [ ] **[A professional portfolio webpage]**
- [ ] **[Implementing more linters]**

(<a href="#readme-top">back to top</a>)

## 🤝 Contributing <a name="contributing"></a>

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](../../issues/).

(<a href="#readme-top">back to top</a>)

## ⭐️ Show your support <a name="support"></a>

This is my first Portfolio project ever.

(<a href="#readme-top">back to top</a>)

## 🙏 Acknowledgments <a name="acknowledgements"></a>

I would like to thank my coding partner [Edgah](https://github.com/Edgahkipkemoi) .. I really appreciate your contribution..

(<a href="#readme-top">back to top</a>)

## 📝 License <a name="license"></a>

This project is [MIT](/LICENSE) license.

(<a href="#readme-top">back to top</a>)

portfolio

portfolio Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

portfolio

portfolio Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README