Welcome to my developer portfolio, a dynamic and elegant web experience built with the latest technologies including Next.js 14 App Router, Tailwind CSS, and interactive UI libraries. This project is designed to showcase my passion for clean code, beautiful design, and scalable web development.
| Category | Stack |
|---|---|
| Frontend | Next.js 14 (App Router), React, TypeScript |
| Styling | Tailwind CSS, ShadCN/UI, Framer Motion |
| Fonts & Icons | Google Fonts (Permanent Marker, Teko), Lucide |
| Backend | Node.js, Express, MongoDB |
| Deployment | Vercel |
- ⚡ Blazing fast routing and SSR with App Router
- 🎬 Beautiful animations (Typewriter, Hero Effects, Hover Transitions)
- 🌐 SEO optimized meta data with
<Metadata /> - 🧠 Modular and Reusable Components
- 📱 Mobile-first responsive design
- 🌈 Glowing Hex Icons with hover transitions
- 💡 Taglines with animated typewriter effect
- 🖼 Project Grid with Framer motion reveals
- 📇 Timeline-based Experience section
- 📤 Contact & Social integration (Instagram, LinkedIn)
src/
├── app/
│ ├── components/ # Reusable UI components (Navbar, Hero, Footer)
│ ├── sections/ # Page sections like About, Skills, Projects
│ ├── styles/ # Custom Tailwind CSS & font classes
│ └── page.tsx # Homepage
├── public/
│ ├── images/ # Assets
│ └── svg/ # Social icons & visuals
├── tailwind.config.ts # Tailwind setup
├── next.config.mjs # Next.js config
git clone https://github.com/premrajcodes/portfolio
cd portfolio
npm install
npm run devThen visit http://localhost:3000 ✨
- Minimal yet expressive — Black base with soft gradients and white glowing text.
- Accessible animations — Everything flows smoothly without hurting performance.
- Responsive everywhere — Mobile to large screens.
- Fully modular — Built component-by-component with reusability in mind.
- 🔥 Instagram: @premraj.codes
- 💼 LinkedIn: linkedin.com/in/premraj
- 🐙 GitHub: github.com/premrajcodes
- ✨ Blog integration
- 🌍 Multilingual support
- 🔒 Auth with GitHub/Google
- 📊 Dashboard for analytics
Licensed under the MIT License. Use it, modify it, love it.
Made with ❤️ by Prem Raj — Full-stack Dev | Code Rockstar