KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #claude-code #codex #dsh #dsh-plugin #ai-agent #ai-agents #deepseek-harness #agent-skills #macos #cli

My-Portfolio

★ 10 Open GitHub ↗

A portfolio website that showcase owner's skills and experience in web development and contributed project! JavaScript, CSS and HTML have been used to make this project!

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<!--
HOW TO USE:
This is an example of how you may give instructions on setting up your project locally.

Modify this file to match your project and remove sections that don't apply.

REQUIRED SECTIONS:
- Table of Contents
- About the Project
  - Built With
  - Live Demo
- Getting Started
- Authors
- Future Features
- Contributing
- Show your support
- Acknowledgements
- License

OPTIONAL SECTIONS:
- FAQ

After you're finished please remove all the comments and instructions!
-->

<h3>My Portfolio</h3>

</div>

# 📗 Table of Contents

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

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

This project is about creating a personal portfolio to showcase my activities, background and experience.

**My Portfolio** is a simple Html&CSS-based portfolio

## :hammer_and_wrench: Built With <a name="built-with"></a>
- HTML
- CSS
### Tech Stack <a name="tech-stack"></a>
<details>
 <summary>Version Control</summary>
 <ul>
 <li><a href="https://github.com/">Git Hub</a></li>
 </ul>
</details>
<details>
 <summary>Visual Studio Code</summary>
 <ul>
 <li><a href="https://code.visualstudio.com">Visual Studio Code</a></li>
 </ul>
</details>
<details>
 <summary>Client</summary>
 <ul>
 <li><a href="https://html.com/html5/">HTML5</a></li>
 <li><a href="https://www.css3.com/">CSS</a></li>
 </ul>
</details>

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

- **Linters SetUp**
- **Follow HTML and CSS best practice**
- **Display Text**
- **Display Cards**
- **Display Text**
- **Hoover Buttons**
- **Desktop Version**
- **Include Animations**
- **Deployed with GithubPages**
- **Mobile Nav**
- **Detail modal**
- **Email validation**
- **store form data in local storage**

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

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

- [Live Demo Link](https://kubaho3.github.io/My-Portfolio/)

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

## 🦻 WalkThrough Video <a name="#walkthrough-demo"></a>

- [WalkThrough Video Link](https://www.loom.com/share/1f95cd1e242946fe80a7c0cb469aeb48)

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

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

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

### Prerequisites

In order to run this project you need:
- Visual Studio Code.
- Node JS.
- Git bash.
- GitHub Account.

### Setup

Clone this repository to your desired folder:
Use git clone command or download ZIP folder

<!--
Example commands:

```sh
 cd my-folder
 git clone git@github.com:KUBAHO3/Hello-Microverse.git
```
--->
### Install
Install this project with:
npm
Example command:
```sh
 cd my-project
 npm init -y
```
### Usage
To run the project, execute the following command:
npm start or live server
Example command:
```sh
 GitHub Pages Server
```
### Run tests
To run tests, run the following command:
npm test
Example command:
```sh
 npx stylelint "**/*.{css,scss}"
```
### Deployment
You can deploy this project using:
GitHub Pages
Example:
```sh
git@github.com:KUBAHO3/My-Portfolio.git
```
(<a href="#readme-top">back to top</a>)

## :busts_in_silhouette: Authors <a name="authors"></a>
:bust_in_silhouette: **KUBAHO LINNE Heaven**
- GitHub: [@KUBAHO3](https://github.com/KUBAHO3)
- Twitter: [@KubahoH](https://twitter.com/KubahoH)
- LinkedIn: [Kubaho Linne Heaven](https://www.linkedin.com/in/kubaho-linne-heaven-78ab37208/)
(<a href="#readme-top">back to top</a>)

## :telescope: Future Features <a name="future-features"></a> 
- [ ] **Adding BackEnd** 
- [ ] **Making it stylish**
(<a href="#readme-top">back to top</a>)

## :handshake: Contributing <a name="contributing"></a>
Contributions, issues, and feature requests are welcome! 
Feel free to check the [git@github.com:KUBAHO3/My-Portfolio.git](../../issues/).
(<a href="#readme-top">back to top</a>)

## :star:️ Show your support <a name="support"></a>
If you like this project please follow me on github & twitter and also connect on Linkedin.
(<a href="#readme-top">back to top</a>)

## :pray: Acknowledgments <a name="acknowledgements"></a>
I would like to thank Microverse for this exercise.
(<a href="#readme-top">back to top</a>)

## :question: FAQ (OPTIONAL) <a name="faq"></a> 
- **How long can it take to build that project**

- 1-2hrs according to personal skills

- **Where to find figma for that project!**

- Figma for that project will be available soon!
(<a href="#readme-top">back to top</a>)

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

This project is [MIT](https://github.com/KUBAHO3/My-Portfolio/blob/add-license-1/licence) licensed.

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

My-Portfolio

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README