A modern, full-featured personal portfolio built with React + TypeScript + Tailwind CSS, showcasing my projects, skills, experience, and certifications as a Full Stack & Mobile App Developer.
Live: ali-portfolio-nine.vercel.app
- Lightning-fast performance with Vite bundler
- Fully responsive UI with Tailwind CSS + shadcn/ui
- Smooth scroll-reveal animations with Framer Motion
- Post-build prerendering (headless Chrome) so search engines and social crawlers get real rendered content, not an empty shell
- About, Experience, Skills, Projects, Education, Certificates, and Contact sections
- Working contact form (FormSubmit) with a Gmail-compose fallback
| Tool | Purpose |
|---|---|
| React + TypeScript | Frontend framework |
| Vite | Build tool |
| Tailwind CSS + shadcn/ui | Styling & UI components |
| Framer Motion | Animations |
| React Router | Routing |
| TanStack Query | Data fetching |
| Vercel Analytics / Speed Insights | Usage & performance monitoring |
# 1. Clone the repository
git clone https://github.com/syedmuhammadali-dev/Portfolio.git
# 2. Navigate to the folder
cd Portfolio
# 3. Install dependencies
npm install
# 4. Run the dev server
npm run devOpen http://localhost:5173 in your browser.
npm run build runs the production build and then prerenders the page with headless Chrome; it needs a local Chrome/Edge install (or falls back gracefully if none is found).
- gdrive-db — A beginner-friendly database-like storage SDK powered by the end user's own Google Drive. Not a replacement for MongoDB/PostgreSQL/Firebase — built for learning, prototypes, demos, and small frontend projects.
- React-Dev-Footer-pkg — A simple, reusable React footer component published to npm.
All published packages: npmjs.com/~syedmuhammadali-dev
