My Portfolio Project: Mobile and Desktop Version

# 📗 Table of Contents

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

📖 A Portfolio Page using HTML and CSS

This is a a personal portfolio responsive mobile first using html and css.

🛠 Built With

Tech Stack

Client

• HTML
• CSS
• FlexBox
• Linters

Key Features

• HTML.
• CSS.
• Linters.
• Flexbox.
• Grid.

(back to top)

🚀 Live Demo

• My Portfolio
• Presentation Video

(back to top)

💻 Getting Started

To get a local copy up and running, follow these steps.

Prerequisites

In order to run this project you need:

• A web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• A terminal.

Setup

Clone this repository to your desired folder or download the Zip folder:

    "git clone https://github.com/Log-benjamin/My_Portfolio.git"

• Navigate to the location of the folder in your machine:

    cd ./desired_folder/

Install

Install all dependencies:

    "npm install"

Usage

To run the project, follow these instructions:

• Clone this repo to your local machine.
• then run it on your browser, run:

     " Open the index.html in the project directory with your preferred browser"

Run tests

To run tests, run the following command:

• HTML linter errors run:

npx hint .

• CSS linter errors run:

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

• For unit testing, run:

npm test

Deployment

You can deploy this project using: GitHub Pages,

(back to top)

👥 Authors

👤 binyam tegene

• GitHub: @githubhandle
• Twitter: @twitterhandle
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• I will add javascript file to make it more interactive
• I will add make it useable both on mobile and Desktop version
• I will use css Bootstrap framework to make the project more responsive

(back to top)

⭐️ Show your support

If you like this project feel free to contact me or make contribution and share youre ideas.

(back to top)

🙏 Acknowledgments

I would like to thank my learning partners, standup team and code reviwers at microverse.

(back to top)

📝 License

This project is MIT licensed.

(back to top)