Full Stack Developer building AI-powered SaaS platforms and real-time web applications
A modern, fully-responsive developer portfolio built from scratch — no templates, no shortcuts. Designed to showcase production-ready projects with clean architecture, smooth animations, and a professional dark theme.
Live Site: portfolio-rho-sage-80.vercel.app
- ⚡ Blazing Fast — Vite + React 19
- 🎨 Modern Design — Glassmorphism + gradient accents
- ✨ Smooth Animations — Framer Motion
- 📱 Fully Responsive — Mobile-first, tested on all devices
- 🌙 Dark Theme — Purple-pink gradient aesthetic
- 📧 Working Contact Form — Web3Forms integration
- 🔍 SEO Optimized — Meta tags + OG image
- 🚀 Deployed on Vercel — Auto-deploy on push
| Category | Technology |
|---|---|
| Framework | React 19 + Vite |
| Styling | Tailwind CSS v4 |
| Animations | Framer Motion |
| Icons | Lucide React |
| Forms | Web3Forms |
| Deployment | Vercel |
| Language | JavaScript (ES6+) |
portfolio/ ├── public/ │ ├── projects/ # Project screenshots │ ├── resume.pdf # Downloadable resume │ └── favicon.ico ├── src/ │ ├── components/ │ │ ├── Navbar.jsx │ │ ├── Hero.jsx │ │ ├── About.jsx │ │ ├── Projects.jsx │ │ ├── Contact.jsx │ │ └── Footer.jsx │ ├── data/ │ │ └── projects.js # Add new projects here │ ├── App.jsx │ ├── main.jsx │ └── index.css ├── index.html ├── package.json └── vite.config.js
text
- Node.js 18+
- npm or yarn
# Clone the repository
git clone https://github.com/iamdeveloper17/portfolio.git
# Navigate to project
cd portfolio
# Install dependencies
npm install
# Start development server
npm run dev
Open http://localhost:5173 in your browser.
Build for Production
bash
npm run build
npm run preview
📝 Adding New Projects
Edit src/data/projects.js and add a new object:
js
{
id: 7,
title: "Your Project Name",
description: "What it does and what problem it solves",
image: "/projects/your-image.png",
tags: ["React", "Node.js", "MongoDB"],
liveLink: "https://your-project.com",
githubLink: "https://github.com/iamdeveloper17/your-project",
}
The website will automatically render the new project.
🎨 Customization
What to change File
Personal info, social links src/components/Hero.jsx
About section, skills src/components/About.jsx
Projects data src/data/projects.js
Contact info src/components/Contact.jsx
Footer src/components/Footer.jsx
Colors, animations src/index.css
🚀 Deployment
This project is deployed on Vercel with automatic deployment on every push to main.
Deploy Your Own
https://vercel.com/button
📊 Featured Projects
Project Tech Stack Live
Codexa — AI Design-to-Code SaaS Next.js 16, Gemini AI, GSAP Live
ResumeAI — AI Resume Builder Next.js 16, Gemini AI, MongoDB Live
SupportFlow — Multi-tenant Helpdesk Socket.io, Razorpay, MongoDB Live
MMA Tradex LLP — Client Website React, Express, MongoDB Live
Divyaputri Tradex LLP — Client Website React, Vite, Express Live
Vego & Thomson — Client Website React Router, Express Live
📬 Contact
Amit Kumar — Full Stack Developer
📧 Email: ramit5752@gmail.com
💼 LinkedIn: linkedin.com/in/amit-kumar-9193b0216
🐙 GitHub: @iamdeveloper17
🌐 Portfolio: portfolio-rho-sage-80.vercel.app
📄 License
This project is licensed under the MIT License — free to use, modify, and distribute.
<div align="center">
⭐ If you liked this portfolio, please give it a star!
Built with ❤️ by Amit Kumar
</div> ```