shahzaman900/My_Potfolio

Presenting my portfolio website, where I demonstrate expertise in translating FIGMA designs into clean HTML, CSS, and JavaScript code. Experience effective DOM manipulation and explore my front-end development projects. Witness the art of interactive web design.

My Personal Portfolio

📗 Table of Contents

• 📖 About the Project
  • 🛠 Built With
    • Tech Stack
    • Key Features
• 💻 Getting Started
  • Prerequisites
  • Setup
  • Install
  • Usage
  • Run tests
• 👥 Authors
• 🎥 Live Demo
• 🎥 Project Presentation
• 🔭 Future Features
• 🤝 Contributing
• ⭐️ Show your support
• 🙏 Acknowledgments
• 📝 License

📖 My Personal Portfolio

This website shows a sneak peek into the projects I have developed and deployed, showcasing my skills in HTML and CSS.With a passion for web development, I have honed my expertise in these technologies to create stunning and functional websites.

🛠 Built With

Tech Stack

HTML

• Html

CSS

• css

Key Features

• Use the Figma design for the project😊👌
• Use the semantics elements💯
• Use the validation HTML for the form .🚀
• Use Form spree for the contact form 😃👍

(back to top)

💻 Getting Started

Prerequisites

In order to run this project you need:

• A web browser to view output e.g Google Chrome.
• An IDE e.g Visual studio code.
• Install the npm package manager use this to install both node and npm.
• A terminal.

Setup

Clone this repository to your desired folder or download the Zip folder:

git clone https://github.com/sheezu900/My_Potfolio.git

• Navigate to the location of the folder in your machine:

you@your-Pc-name:~$ cd desktop

Install

To install all dependencies, run:

npm install

Usage

To run the project, follow these instructions:

• After Cloning this repo to your local machine.
• To get it running on your default browser and local host, run:

1. Open the index with live server from the code editor
2. Or you can double click on the index to open it in the browser

Run tests

To run tests, run the following command:

• Track HTML linter errors run:

npx hint .

• Track CSS linter errors run:

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

(back to top)

👥 Authors

👤 Shah Zaman

• GitHub: @githubhandle
• LinkedIn: @Linkedin

(back to top)

🎥 Live Demo

• Live Demo: @LiveDemo

(back to top)

🎥 Project Presentation

• Project Presentation: [@Project_Presentation] (https://www.loom.com/share/87098d6149904bdcbbd44d789346c488?sid=c53cf212-9aa5-4ce0-879a-100f4abce158)

(back to top)

🔭 Future Features

• Add popup details for the project👌.
• Add more styling like animation 💯.
• Add mobile menu for the responsive header navs🚀.

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to leave any suggestions at the Issues page

(back to top)

⭐️ Show your support

Give a ⭐️ if you like this project and how I managed to build it!

(back to top)

🙏 Acknowledgments

• The original design ideal from Microverse💕.
• Project from Microverse module 1.
• Thanks to the Microverse team for the great curriculum.
• Thanks to the Code Reviewer(s) for the insightful feedbacks.
• A great thanks to My coding partner(s), morning session team, and standup team for their contributions.
• Hat tip to anyone whose code was used.

📝 License

This project is MIT licensed.

(back to top)