Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/kdlamini/portfolio-website

A portfolio website is a key job searching tool for a web developer.
https://github.com/kdlamini/portfolio-website

Last synced: 23 days ago
JSON representation

A portfolio website is a key job searching tool for a web developer.

Host: GitHub
URL: https://github.com/kdlamini/portfolio-website
Owner: KDlamini
Created: 2021-08-11T14:32:01.000Z (over 3 years ago)
Default Branch: main
Last Pushed: 2021-09-29T15:19:17.000Z (over 3 years ago)
Last Synced: 2024-05-28T14:54:25.322Z (7 months ago)
Language: CSS
Size: 3.83 MB
Stars: 0
Watchers: 1
Forks: 1
Open Issues: 2
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

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

# Personal Portfolio

> In this project, I will create a personal portfolio. A portfolio website is a key job searching tool for a web developer. In this project, I will precisely replicate one of the *portfolio templates* from Microverse Figma.

![screenshot](./images/Banner.png)
![screenshot](./images/Screenshot-projects1.png)
![screenshot](./images/Screenshot-projects2.png)
![screenshot](./images/Screenshot-About.png)
![screenshot](./images/Screenshot-contact.png)

This project is part of the Microverse curriculum. The main objective is to understand how to parse a Figma design and follow professional guidlines in responsive design.

## Live Preview
[https://kdlamini.github.io/portfolio-website/](https://kdlamini.github.io/portfolio-website/)

## Built With

- Html/Css

## Additional Tools

- Figma
- stylelint

## Getting Started

To get a local copy of this project:

Clone this repository or download the Zip folder:
```
git clone [email protected]:KDlamini/portfolio-website.git
```

## Test
To track linter errors locally follow these steps:

Download all the dependencies run:
```
npm install
```
Track HTML linter errors run:
```
npx hint .
```
Track CSS linter errors run:
```
npx stylelint "**/*.{css,scss}"
```

## Authors

👤 **Simo Nkosi**

- GitHub: [@githubhandle](https://github.com/KDlamini)
- Twitter: [@twitterhandle](https://twitter.com/RealSimoNkosi)
- LinkedIn: [LinkedIn](https://www.linkedin.com/in/simo-nkosi-418523180/)

## 🤝 Contributing

Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/KDlamini/portfolio-website/issues).

## Show your support

Give a ⭐️ if you like this project!

## Acknowledgments

- This project is part of day 4 of module 1 in the Microverse study program.
- Thanks to the Microverse team for the great curriculum.
- Thanks to Code Reviewers for the insightful feedback.
- A great thanks to My coding partners, morning session team, and standup team Partners for their contributions.

## 📝 License

This project is [MIT](./MIT.md) licensed.