Welcome to my personal portfolio website β a beautiful showcase of my journey as a Computer Science student with a passion for AI, Machine Learning, and Web Development.
Designed with creativity, usability, and responsiveness in mind, this site features interactive projects, certification highlights, and live blog integration.
π Live Portfolio
- Hero section with introduction and theme-based animation (πΈ Flower theme)
- About Me section
- Skills & tools showcase (with emojis and logos)
- Interactive Projects with "View More" toggle
- Certification highlights
- Medium Blog integration via RSS
- Floating emojis and animated transitions
- Fully responsive and mobile-ready
- HTML5, CSS3, JavaScript
- Responsive Layout & Grid System
- GitHub Pages for deployment
- Font Awesome for icons
- RSS2JSON API for fetching Medium blogs
- Custom animations using CSS keyframes
-
Clone the repository:
git clone https://github.com/fa-code2/My-Portfolio.git cd My-Portfolio -
Open
index.htmland personalize:- Update your name, intro, and skills.
- Add project cards under the
<section id="projects">section. - Insert certification details under the
<section id="certifications">. - Connect your Medium feed in
script.js.
-
Deploy via GitHub Pages or any static site host.
index.htmlβ Main layout and content structurestyle.cssβ Styling, animations, and themingscript.jsβ View More logic, Blog fetch, and cloud effects
You can host it free on GitHub Pages:
-
Push your changes:
git add . git commit -m "Customize portfolio with new projects and blogs" git push origin main
-
Go to your repository Settings β Pages β Choose
mainbranch β/root.
Thatβs it! Your site is live π
Medium blogs are dynamically fetched from:
https://medium.com/@faaa367810
Displayed with featured image, publish date, and summary.
- GitHub: fa-code2
- LinkedIn: fatimaaslam
- Medium: @faaa367810
- Email: (faaa367810@gmail.com)
Open-sourced with love under the MIT License.