Modern portfolio showcasing my work as a Frontend Developer. Built with Next.js, TypeScript, and Tailwind CSS. Features smooth animations, dark mode, and responsive design.
- Modern UI/UX - Built with Next.js 15 and Tailwind CSS
- Responsive Design - Fully responsive across all devices
- Animated Interactions - Smooth animations using Framer Motion
- Dark/Light Mode - Theme switching capability using next-themes
- Type Animations - Dynamic text animations using react-type-animation
- Component Library - Custom UI components built with Radix UI
- Contact Form - Interactive contact form with validation
- Performance Optimized - Fast loading and optimized performance
- Framework: Next.js
- Styling: Tailwind CSS
- Animations: Framer Motion
- UI Components: Radix UI
- Icons: Lucide Icons
- Form Handling: React Hook Form
- Type Safety: TypeScript
- State Management: React Context API
├── app/ # Next.js app directory
├── components/ # React components
├── lib/ # Utility functions
├── public/ # Static assets
└── styles/ # Global styles
- Hero Section - Engaging introduction with animated text
- About - Professional background and personal information
- Experience - Work history and professional journey
- Skills - Technical skills and proficiencies
- Projects - Portfolio of work and projects
- Contact - Contact form and social links
- Frontend Developer with 4+ years of experience
- Expertise in React.js, JavaScript, and modern web technologies
- Background in SEO and web optimization
- Focus on creating responsive and user-friendly interfaces
- Email: [email protected]
- Location: Lahore, Pakistan
- Phone: +923070660600
- LinkedIn: Muhammad Waqas
- GitHub: waqas120
- Clone the repository
git clone https://github.com/waqas120/portfolio.git- Install dependencies
npm install- Run the development server
npm run dev- Open http://localhost:3000 in your browser
This project is open source and available under the MIT License.