Skip to content

Haroonabdulrazaq/Portfolio

Repository files navigation

Portfolio

Portfolio showcase my skills in web technologies, It consist of all projects i have built and skills i am comfortable working with.

📷 Screenshot

screenshot

Built With

  • HTML5
  • CSS3(Sass/Scss) [Flex] [Grid]
  • JavaScript(ES6)

🚀 Live Demo

LIVE DEMO LINK OR LIVE DEMO LINK

📷 Presentation

Work Done 🔧

  • Mobile first design approach
  • Highlight some of my awesome projects
  • Display my skill in css animation
  • Include my backgorund in tech and my contacts
  • Use Sass
  • Use industry-standard tools (flexbox & grid) to place elements in the page.
  • Ability to create UIs adaptable to different screen sizes using mediaqueries.
  • Apply front-end best practices.
  • Ability to create UIs adjusted to given designs.

Getting Started 🚀

These instructions will get you a copy of the project up and running on your local machine.

How To Use 🔧

From your command line, first clone the project:

# Clone this repository
$ git clone https://github.com/Haroonabdulrazaq/Portfolio.git

# Go into the repository
$ cd Portfolio
  • Open in your favorite Editor

Tools

Index Links Use
1 HTML Validator To check HTML errors
2 Stylelint Linter to check css errors and enforce convention
3 Eslint Linter to check javaScript errors and enforce convention
4 TinyPNG To optimize image size
5 Yandex Metrica For site analytics
6 Google Mobile-Friendly Test To check mobile friendliness
7 Dead link checker To check for Deadlinks

Deploy 🚀

This project is deploy to Netlify

Author

👤 Haroon Abdulrazaq

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • I appreciate Jonas SCHMEDTMAN for the animation techniques
  • Microverse Student Figma Design
  • Picture by Iconfinder & NicePng

📝 License

This project is MIT licensed.