A modern, responsive, and SEO-friendly portfolio built with Next.js 14, TypeScript, and Tailwind CSS. It showcases my projects, technical skills, and experience as a Frontend Engineer specializing in React and Next.js.

Frontend Framework: Next.js 14 Language: TypeScript UI & Styling: Tailwind CSS · Shadcn/ui · Framer Motion · AOS (Animate on Scroll) Icons: Lucide React · Radix UI · React Icons Theme Management: Next Themes (Dark/Light mode) Analytics: Google Analytics · Vercel Analytics

✅ Fully Responsive – Mobile-first and optimized for all screen sizes ✅ Dark & Light Mode Support – Seamless theme switching ✅ SEO Optimized – Metadata, Open Graph, and Twitter Card integration ✅ Interactive UI – Smooth animations & hover effects with Framer Motion and AOS ✅ Project Showcases – With live demo & GitHub repository links ✅ Splash Screen Manager – Elegant loading animations ✅ Performance Optimized – Next.js image optimization & lazy loading

devfarouk/
├── app
│   ├── components
│   │   ├── Navbar.tsx
│   │   ├── Sidebar.tsx
│   │   ├── SplashScreenManager.tsx
│   │   └── Providers.tsx
│   ├── sections
│   │   └── Copyright.tsx
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── public
│   └── devfarouk.png
├── package.json
└── tailwind.config.js

git clone https://github.com/Farouk-ayo/devfarouk.git
cd devfarouk

npm install

npm run dev

Then open http://localhost:3000 in your browser.

npm run build
npm start

👉 devfarouk.vercel.app

• Portfolio: devfarouk.vercel.app
• LinkedIn: linkedin.com/in/Faroukayo
• Twitter: twitter.com/faroukayo24
• Email: mustaphafarouk41@gmail.com

If you like this project, please give it a star ⭐ on GitHub.