Portfolio
The Portfolio holds the brief bio and showcase of projects that I will made during my Microverse Program by using technologies html, css & js, My All Future Projects will Land on this Website.
Install / Use
/learn @MasumaJaffery/PortfolioREADME
<a name="readme-top"></a>
<!-- HOW TO USE: This is an example of how you may give instructions on setting up your project locally. Modify this file to match your project and remove sections that don't apply. REQUIRED SECTIONS: - Table of Contents - About the Project - Built With - Live Demo - Getting Started - Authors - Future Features - Contributing - Show your support - Acknowledgements - License OPTIONAL SECTIONS: - FAQ After you're finished please remove all the comments and instructions! --> <div align="center"> <!-- You are encouraged to replace this logo with your own! Otherwise you can also remove it. --> <img src="Images/Logo.png" alt="logo" width="140" height="auto" /> <br/> <h3><b>Portfolio</b></h3> </div> <!-- TABLE OF CONTENTS -->📗 Table of Contents
- 📖 About the Project
- 💻 Getting Started
- 👥 Authors
- 🔭 Future Features
- 🤝 Contributing
- ⭐️ Show your support
- 🙏 Acknowledgements
- ❓ FAQ (OPTIONAL)
- 📝 License
📖 [Portfolio] <a name="https://github.com/MasumaJaffery/Portfolio/blob/master/README.md"></a>
[My-Portfolio] is the Project where my projects landed in future!
🛠 Built With <a name="built-with"></a>
Tech Stack <a name="tech-stack"></a>
<details> <summary>Client</summary> <ul> <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML">HTML</a></li> <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS">CSS</a></li> </ul> </details> <!-- Features -->HTML,CSS,GITHUB
Key Features <a name="key-features"></a>
- [Repository Setup!]
- [Add Html & CSS, Javascript Files]
- [Linters Configurations]
🚀 Live Demo <a name="live-demo"></a>
<p align="right">(<a href="#readme-top">back to top</a>)</p> <!-- GETTING STARTED -->https://masumajaffery.github.io/Portfolio/
💻 Getting Started <a name="getting-started"></a>
To get a local copy up and running, follow these steps.
Prerequisites
In order to run this project you need the following tools:
- Node installed in your computer
- IDE(e.g.: Vscode,...)
- HTML-CSS-JS-GitHub
- etc.
Setup
Clone this repository to your desired folder:
cd your-prefered-folder
git clone https://github.com/MasumaJaffery/Portfolio.git
Install
- Install project's packages with:
cd Portfolio
npm install or npm i
Usage
To run the project, execute the following command:
Open index.html using live server extention.
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}" Track JavaScript linter errors run: npx eslint .
Deployment
You can deploy this project using: GitHub Pages,
- I used GitHub Pages to deploy my website.
- For more information about publishing sources, see "About GitHub pages".
👥 Authors <a name="authors"></a>
👤 Syeda Masuma Fatima
- GitHub: @MasumaJaffery
- Twitter: @MasumaJaffery
- LinkedIn: Masuma Jaffery
👤 Nitcelis Bravo
- GitHub: Nitcelis Bravo
- Twitter: @softwareDevOne
- LinkedIn: LinkedIn
👤 Alibaba2023
- GitHub: @Alibaba2023
- Twitter: @AliBabaHu2023
- LinkedIn: LinkedIn
🔭 Future Features <a name="future-features"></a>
- [ ] [Styling]
- [ ] [Responsiveness]
- [ ] [Relaibility]
🤝 Contributing <a name="contributing"></a>
Contributions, issues, and feature requests are welcome!
<!-- SUPPORT -->⭐️ Show your support <a name="support"></a>
If you like this project..! Ask me Detials on
<p align="right">(<a href="masumajaffery1@gmail.com">back to top</a>)</p> <!-- ACKNOWLEDGEMENTS -->🙏 Acknowledgments <a name="acknowledgements"></a>
I would like to thank you Microverse!
<!-- LICENSE -->📝 License <a name="license"></a>
This project is MIT licensed.
<p align="right">(<a href="#readme-top">back to top</a>)</p>Related Skills
node-connect
346.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
346.8kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
346.8kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
