A responsive and accessible developer portfolio built with React, TypeScript, Tailwind CSS, and Framer Motion. Designed and developed from scratch to showcase projects, skills, and a bit about me — no templates used.
- 🌗 Light/Dark theme toggle
- 📱 Fully responsive design
- 💻 Built with React + TypeScript
- 🎨 Styled using Tailwind CSS
- 🎞️ Smooth animations with Framer Motion
- 📌 Smooth Navigation with active page highlighting
- 📜 Accessible, semantic markup
- 🧩 Modular and clean component structure
Live link : https://sairaabdulla.com
- Frontend: React, TypeScript, Tailwind CSS
- Animations: Framer Motion
- Icons: Lucide React
- Font: Montserrat & DM Sans via Google Fonts
src/
├── components/ # Reusable components
├── sections/ # Home, About, Projects, Contact, etc.
├── shared/ # Types and constants
├── assets/ # Static images/icons
└── App.tsx # Main app- Clone the repo
git clone https://github.com/saira512dev/ReactPortfolio.git
cd ReactPortfolio- Install dependencies
npm install- Run the app
npm run dev- Build for production
npm run buildIf you'd like to collaborate, hire, or just say hi:
- Email: [email protected]
- LinkedIn: https://www.linkedin.com/in/saira-abdulla/
This portfolio was designed and developed from scratch by me to reflect my personal and professional growth.
You're welcome to explore the code and learn from it. If you are using it, I would aprreciate a shoutout or a star on my repo.