A modern, responsive portfolio website built with Next.js, showcasing my skills, projects, and professional experience as a Frontend Engineer.
Visit my portfolio: https://ardhendu.vercel.app/
- Modern Design: Clean, professional design with smooth animations
- Responsive Layout: Optimized for all devices (desktop, tablet, mobile)
- Interactive Animations: Powered by Framer Motion for engaging user experience
- Project Showcase: Featured projects with live demos and source code links
- Skills Section: Comprehensive overview of technical skills and technologies
- Work Experience: Detailed professional experience with achievements
- Resume Download: Direct download link for my resume
- Contact Information: Easy access to email, phone, GitHub, and LinkedIn
- Framework: Next.js 15.5.3 with App Router
- Language: TypeScript
- Styling: Tailwind CSS 4
- Animations: Framer Motion
- Icons: Lucide React
- Deployment: Vercel/Netlify
src/
├── app/
│ ├── globals.css # Global styles
│ ├── layout.tsx # Root layout component
│ └── page.tsx # Main portfolio page
├── components/
│ ├── Achievements.tsx # Achievements section
│ ├── ExpandableDescription.tsx # About section with expand/collapse
│ ├── Footer.tsx # Footer component
│ ├── Projects.tsx # Featured projects showcase
│ └── WorkExperience.tsx # Work experience timeline
public/
├── images/
│ └── Ardhendu-Pramanik.png # Profile picture
└── resume/
└── Ardhendu_Pramanik_Resume.pdf # Resume file
- Node.js 18+
- npm, yarn, or pnpm
-
Clone the repository
git clone https://github.com/Ardhendu-init/Portfolio.git cd Portfolio -
Install dependencies
npm install # or yarn install # or pnpm install
-
Run the development server
npm run dev # or yarn dev # or pnpm dev
-
Open your browser Navigate to http://localhost:3000
npm run dev- Start development server with Turbopacknpm run build- Build the application for productionnpm run start- Start the production servernpm run lint- Run ESLint for code quality
- Add your resume PDF to
public/resume/directory - Name it
Ardhendu_Pramanik_Resume.pdf(or update the filename inpage.tsx)
- Profile: Update
src/app/page.tsxfor name, title, and contact info - Projects: Modify
src/components/Projects.tsxto showcase your projects - Experience: Edit
src/components/WorkExperience.tsxfor work history - Skills: Update the skills section in
src/app/page.tsx
- Global styles:
src/app/globals.css - Component styles: Tailwind CSS classes in respective components
- Color scheme: Update Tailwind color classes throughout components
- Ghost AI - AI-native, real-time system-design platform (multiplayer canvas + durable AI agents)
- IVCA Website - Frontend development for Indian Venture and Alternate Capital Association
- CraveWave - Full-stack food delivery application with Stripe integration
- Fashnest - E-commerce platform built with React and Express.js
- Software Engineer at A2ZPORT (Oct 2023 - Sep 2025)
- Software Engineer at The Internet Folks (Aug 2022 - Apr 2023)
- Languages: TypeScript, JavaScript (ES2023+), SQL
- Frontend: Next.js (App Router), React 19, Redux Toolkit, React Query, Tailwind CSS, shadcn/ui, React Flow
- Backend & APIs: Node.js, Next.js API Routes / Server Actions, REST, Zod, Liveblocks (CRDT), Trigger.dev
- AI Engineering: LLM app development, OpenRouter, prompt engineering, structured output, agentic workflows
- Data & Infra: PostgreSQL, Prisma, MongoDB, Supabase, Clerk, Vercel, Git, GitHub Actions (CI/CD)
- Email: ardhendujj002@gmail.com
- Phone: +91-8436668381
- GitHub: Ardhendu-init
- LinkedIn: ardhendup
This project is open source and available under the MIT License.
Feel free to fork this project and customize it for your own portfolio. If you find any bugs or have suggestions for improvements, please open an issue or submit a pull request.
Built with ❤️ by Ardhendu Pramanik