📗 Table of Contents

📖 About the Project
- 🛠 Built With
  - Tech Stack
  - Key Features
- 🚀 Live Demo
💻 Getting Started
- Setup
- Prerequisites
- Install
- Usage
- Run tests
- Deployment
👥 Authors
🔭 Future Features
🤝 Contributing
⭐️ Show your support
🙏 Acknowledgements
📝 License

📖 [Portfolio]

[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

Visual Studia Code, Figma and HTML/CSS/JavaScript linters

Tech Stack

HTML

CSS

Key Features

[Linters implementation]
[Portfolio homepage]

(back to top)

🚀 Live Demo

Live Demo Link
Live Demo Link - Mobile version menu
Or you can just click here to access the online portfolio homepage.

(back to top)

💻 Getting Started

Setup

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

Node.js Git HTML/CSS/JavaScript linters

Install

-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

-Run

npx hint .

and

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

and

npx eslint .

-Fix validation errors.

Run tests

You can check if your linter configuration is correct using the check-linters-config script.

(back to top)

Deployment

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

(back to top)

👥 Authors

👤 Author1

GitHub: @tajemouti
Twitter: @AjrassTajemouti
LinkedIn: LinkedIn

(back to top)

🔭 Future Features

[A professional portfolio webpage]
[Implementing more linters]

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

(back to top)

⭐️ Show your support

This is my first Portfolio project ever.

(back to top)

🙏 Acknowledgments

I would like to thank my coding partner Edgah .. I really appreciate your contribution..

(back to top)

📝 License

This project is MIT license.

(back to top)