A modern, interactive, and responsive developer portfolio built with React, TypeScript, and Vite. The portfolio showcases my professional experience, technical skills, achievements, and recommendations while focusing on smooth interactions, performance, and a modern user experience.
🔗 Live Portfolio: https://batool-fatima-zaidi.vercel.app 💼 LinkedIn: linkedin.com/in/batoolfatima2135 🐙 GitHub: github.com/batoolfatima2135
- 🎨 Modern and interactive UI
- 📱 Responsive design for desktop, tablet, and mobile
- ⚡ Fast development and production builds with Vite
- 🖱️ Smooth scrolling with Lenis
- ✨ Advanced animations and scroll-based interactions with GSAP
- 🌌 Interactive particle background
- 🧩 Component-based React architecture
- 🏆 Dedicated achievements section
- 💼 Professional experience showcase
- 📬 Contact section
- 🔗 Dedicated routes for achievements and certificates
- React
- TypeScript
- HTML5
- CSS3
- Tailwind CSS
- GSAP
- ScrollTrigger
- Lenis
- Vite
- ESLint
- Git
- GitHub
src/
├── components/
│ ├── Navbar/
│ └── ParticleBackground/
│
├── pages/
│ ├── Portfolio.tsx
│ └── AllAchievements.tsx
│
├── sections/
│ ├── Hero.tsx
│ ├── About.tsx
│ ├── Skills.tsx
│ ├── Achievements.tsx
│ ├── Experience.tsx
│ ├── Recommendations.tsx
│ └── Contact.tsx
│
├── App.tsx
└── main.tsx
The application follows a component-based architecture where individual sections and reusable UI components are separated to keep the codebase maintainable and scalable.
Make sure you have Node.js and npm installed.
Clone the repository:
git clone https://github.com/batoolfatima2135/My-Portfolio.gitNavigate to the project directory:
cd My-PortfolioInstall dependencies:
npm installStart the development server:
npm run devThe application will be available at the local URL provided by Vite, usually:
http://localhost:5173
Create an optimized production build:
npm run buildPreview the production build locally:
npm run previewThe production files are generated in the dist directory.
This portfolio was created to present my journey as a Software Engineer, including my professional experience, technical skills, achievements, and projects.
It also serves as an example of how I approach:
- Modern frontend development
- Component-based architecture
- Responsive web design
- Performance optimization
- Animation and interaction design
- Clean and maintainable code
The portfolio includes a dedicated section highlighting professional achievements, including:
- Talverse Value Victor Award — 2025
- Talverse Future Leadership Program — 2025
- Engineering Department Representative
I'm Batool Fatima Zaidi, a Software Engineer with professional experience building modern, scalable, and high-performance web applications.
My primary frontend technologies include React, Next.js, TypeScript, JavaScript, and modern CSS, with backend experience using C#, ASP.NET, Node.js, and REST APIs.
I enjoy building applications that combine strong engineering principles with thoughtful user experiences.
I'm open to opportunities, collaborations, and interesting software engineering projects.
- Email: batoolfatima2135@gmail.com
- LinkedIn: Batool Fatima
- GitHub: batoolfatima2135
This project is intended as a personal portfolio and showcase of my work.