Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/uzair-manzoor/portfolio

This personal portfolio website is meticulously crafted using the latest web technologies, including HTML, CSS, and JavaScript, following industry best practices. The result is an elegant and interactive showcase of projects and skills, ensuring a seamless user experience for visitors.
https://github.com/uzair-manzoor/portfolio

css-animations css-flexbox css-grid-layout css3 css3-animations dom-manipulation dynamic-programming figmadesign html5 javascript linters-config portfolio-website

Last synced: about 15 hours ago
JSON representation

This personal portfolio website is meticulously crafted using the latest web technologies, including HTML, CSS, and JavaScript, following industry best practices. The result is an elegant and interactive showcase of projects and skills, ensuring a seamless user experience for visitors.

Awesome Lists containing this project

README 

        
 ![image](https://github.com/Uzair-Manzoor/GemHaven/blob/main/233.png)

# 📗 Table of Contents



- [📖 About the Project](#about-project)

  - [🛠 Built With](#built-with)

    - [Tech Stack](#tech-stack)

    - [Key Features](#key-features)

  - [🚀 Live Demo](#live-demo)

- [💻 Getting Started](#getting-started)

  - [Setup](#setup)

  - [Prerequisites](#prerequisites)

  - [Install](#install)

  - [Usage](#usage)

  - [Run Linters](#run-linters)

  - [Deployment](#deployment)

- [👥 Authors](#authors)

- [🔭 Future Features](#future-features)

- [🤝 Contributing](#contributing)

- [⭐️ Show your support](#support)

- [🙏 Acknowledgements](#acknowledgements)

- [📝 License](#license)



# 📖 Portfolio 



> This is my responsive portfolio project with Microverse using Githib flow in a professional way to work with html and css responsive design following figma template using flexbox, basic structure and data query.



## 🛠 Built With 



### Tech Stack 



  Client

  



### Key Features 



- Add the linter for the project to fix the errors and clean the codeok_hand

- User-friendly Interface: Simple and intuitive interface for a seamless user experience.rocket

- Style the text using the CSS 100



(back to top)



## 🚀 Live Demo 



- [Live Demo Link](https://uzair-manzoor.github.io/Portfolio/)

  

  ![image](images/ss.png)



(back to top)



## 💻 Getting Started 



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



**1. Prerequisites** 



In order to run this project you need:



- Visual Studio

- Github

- git



**2. Setup** 



Clone this repository to your desired folder:



Example commands:



git clone https://github.com/Uzair-Manzoor/Portfolio.git



**3. Install** 



- please first install the node package files

  - npm install



**4. Usage** 



- In order to use this project you create branch to add more feature.

- But in order to run the project use below commands.

  - npm run build (It will create a production ready file)

  - npm start (It will run the server on your machine)



**5. Run Linters** 



I have added linters or tests in order to avoid typos and ensure good practice in this project. So while using this repository if you need to check your work no matters have worked on html, css and js you can use below commands



- In order to run the linter test on `index.html` or any html file. use below command

  `npx hint` .



- To run linter test on stylesheets. Use below command

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



- To run linter test on `script.js` or any other javascript files. Use below command

  `npx eslint .`



**6. Deployment** 



 You can deploy your project using `github` free source.



(back to top)



## 👥 Authors 



👤 **Uzair-Manzoor**



- GitHub: [@githubhandle](https://github.com/Uzair-Manzoor)

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

- LinkedIn: [LinkedIn](https://www.linkedin.com/in/uzair-manzoor-b69996115/)



(back to top)



## 🔭 Future Features 



- [ ] **[add more interactive buttons and sections]**

- [ ] **[add more styles and functionality]**



(back to top)



## 🤝 Contributing 



Contributions, issues, and feature requests are welcome!



Feel free to check the [issues page](../../issues/).



(back to top)



## ⭐️ Show your support 



If you like this project please don't hesitate to support me with your valued contribution and don't forget to star the repo to reach more people.



(back to top)



## 🙏 Acknowledgments 



I would like to thank Microverse for their unique way of teach me how to code, and also Freecodecamp and w3school for their practical articles that helped me to make this project.



(back to top)



## 📝 License 



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



(back to top)