Skip to content

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.

License

Notifications You must be signed in to change notification settings

Uzair-Manzoor/Portfolio

Repository files navigation

image

📗 Table of Contents

📖 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

(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

(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.

(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 licensed.

(back to top)

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published