A modern, responsive portfolio built with cutting-edge technologies. Designed to showcase full-stack expertise across MERN stack, React Native, and modern web technologies.
I'm a full-stack developer with 5+ years of professional experience building scalable applications. This portfolio demonstrates my expertise in:
- Frontend: React, React Native, Next.js, TypeScript, Tailwind CSS
- Backend: Node.js, Express, MongoDB, REST APIs
- Full-Stack: MERN stack applications, responsive design, performance optimization
- Mobile: React Native development for iOS and Android
I'm passionate about writing clean, maintainable code and creating intuitive user experiences that solve real-world problems.
- ⚡ Modern Stack: Built with Next.js 13+ and TypeScript
- 🎨 Responsive Design: Mobile-first approach with Tailwind CSS
- 🧩 Reusable Components: shadcn/ui component library for consistency
- 📧 Contact Form: Fully functional form with React Hook Form validation
- 🌙 Dark Mode Ready: Professional dark theme
- 🚀 Performance Optimized: Fast load times and optimized assets
- 📱 Mobile Friendly: Perfect experience across all devices
- ♿ Accessible: Built with accessibility best practices
- Framework: Next.js 13+
- Language: TypeScript
- Styling: Tailwind CSS + PostCSS
- UI Components: shadcn/ui
- Forms: React Hook Form
- Build Tool: ESLint + TypeScript Config
- Hosting: Vercel
- CI/CD: Automated deployments on push
- Node.js 16.x or higher
- npm or yarn package manager
# Clone the repository
git clone https://github.com/ab-devzz/portfolio.git
cd portfolio
# Install dependencies
npm install
# or
yarn install# Run development server
npm run dev
# or
yarn devVisit http://localhost:3000 to see your changes in real-time.
# Build for production
npm run build
# Start production server
npm startportfolio/
├── app/ # Next.js app directory
├── components/ # Reusable React components
│ └── ...shadcn UI components
├── lib/ # Utility functions
├── public/ # Static assets
├── next.config.ts # Next.js configuration
├── tailwind.config.ts # Tailwind CSS configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Project dependencies
- Home: Professional introduction and quick overview
- Projects: Showcase of noteworthy projects with live links
- Skills: Technical expertise and proficiency areas
- Experience: Professional background and achievements
- Contact: Easy way to reach out for opportunities
I'm always open to new opportunities, collaborations, and conversations about full-stack development, React Native, and innovative tech solutions.
- 💼 LinkedIn: linkedin.com/in/ab-devzz
- 💻 GitHub: github.com/ab-devzz
- 📧 Email: Connect via portfolio
| Script | Description |
|---|---|
npm run dev |
Start development server |
npm run build |
Build for production |
npm start |
Start production server |
npm run lint |
Run ESLint checks |
- ✅ Enhanced contact form with React Hook Form validation
- ✅ Integrated shadcn UI components for polished UI
- ✅ Added Tailwind theme and responsive navbar
- ✅ Optimized for performance and accessibility
- 🔄 Contact form data integration with Next.js API routes
- 📊 Automatic Excel sheet generation for form submissions
- 💾 Backend data persistence and analytics
- 📧 Email notifications for new inquiries
This project is open source and available for reference and inspiration.
- Next.js Documentation
- shadcn/ui for beautiful components
- Tailwind CSS for utility-first styling
- Vercel for seamless deployment
Made with ❤️ by Abhishek Salvi