https://github.com/usirusenikon/portfolio

This is my portfolio website built with HTML, CSS and JAVASCRIPT, it contains a worksection where all my recent projects are displayed an about section and a contact me section.
https://github.com/usirusenikon/portfolio

portfolio

Last synced: 5 days ago
JSON representation

This is my portfolio website built with HTML, CSS and JAVASCRIPT, it contains a worksection where all my recent projects are displayed an about section and a contact me section.

• Host: GitHub
• URL: https://github.com/usirusenikon/portfolio
• Owner: UsirusenIkon
• License: mit
• Created: 2022-08-17T14:17:30.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-11-21T19:30:54.000Z (about 2 years ago)
• Last Synced: 2024-04-22T15:00:37.395Z (9 months ago)
• Topics: portfolio
• Language: CSS
• Homepage: https://usirusenikon.github.io/Portfolio/
• Size: 14.6 MB
• Stars: 4
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

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

## PORTFOLIO

## Description

   In this project we are creating a personal Portfolio website design that is responsive for mobile and desktop

 

   - This is the page view:

   

> |     | Mobile version                             | Desktop version                            |     |

> | --- | ------------------------------------------ | -------------------------------------------| --- |

> |     | ![screenshot](asset/mobile-screenshot.png) | ![screenshot](asset/desktop-screenshot.png)|     |

   

   

## Live Demo

     

   The objectives of this project is to:

    

   - Understand how to parse a Figma design to create a UI.

   - Flexbox to place elements in the page.

   - Build a personal portfolio site.

   - Use images and backgrounds to enhance the look of the website.

## Built With

   - HTML & CSS (CSS Flex Box & Grid)

   - VS code

   

## Getting Started

   - To get a local copy up and running follow these simple example steps.

   

## Prerequisites

   - please install git in your computer.

   - Also install a code editor.

   - A web browser to view the output.

   

## Setup

   - To clone my repository run this command `git clone https://github.com/UsirusenIkon/Portfolio.git`  

## Run tests

   For tracking linters errors locally you need to follow these steps:

   - After cloning the project you need to run this command

         npm install This command will download all the dependencies of the project

   - For tracking the linter errors in HTML file run:

         npx hint .

   - For tracking the linter errors in CSS file run:

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

## Deployment

   - I used GitHub Pages to deploy my website

   - For more information about publishing sources, see About [github page](https://docs.github.com/en/pages/getting-started-with-github-pages/about-github-pages#publishing-sources-for-github-pages-sites)

## Author

   👤 **Usirusen Ikon**

   - GitHub: [@UsirusenIkon](https://github.com/UsirusenIkon)

   - Twitter: [@Usirusen_Ikon](https://twitter.com/Usirusen_Ikon)

   - LinkedIn: [Usirusen Ikon](https://www.linkedin.com/in/usirusen-ikon-775855174/)

## 🤝 Contributing

   - Contributions, issues, and feature requests are welcome!

   - Feel free to check the [issues](https://github.com/issues) page.

## Show your support

   - Give a ⭐️ if you like this project!

## Acknowledgments

   - Hat tip to Microvers and all the staff

   - Thanks to My coding Partners

   - Thanks to My Morning-session-group and Standup-team Partners and

   - Thanks to Code Reviewers

## 📝 License

   - This project is [MIT](https://github.com/UsirusenIkon/Portfolio/blob/main/LICENSE) licensed.