A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. The site features a dark theme with emerald accents and smooth animations powered by Framer Motion.

Check out the live portfolio here!

• Responsive Design: Fully responsive layout that works on all devices
• Dark Theme: Modern dark theme with emerald accents
• Smooth Animations: Engaging animations using Framer Motion
• Interactive UI Components: Custom-built UI components including:
  • Animated hero section with background effects
  • Project cards with hover effects
  • Skills showcase with progress indicators
  • Interactive timeline for experience and education
  • Contact form with validation
  • Floating navigation bar

• Frontend Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Tabler Icons
• Form Handling: React Hook Form
• UI Components: Custom components with shadcn/ui

1. Hero: Introduction and key information
2. About: Personal background and skills
3. Projects: Showcase of recent work with filtering capability
4. Skills: Technical skills with visual representations
5. Timeline: Professional experience and education history
6. Certifications: Professional certifications and achievements
7. Contact: Contact form and information

1. Clone the repository:

git clone https://github.com/moradadidi/MyPortfolio.git

2.Install dependencies:

npm install

3.Start the development server:

npm run dev

4.Open the website in your browser at http://localhost:3000.

Check out the live site here.