A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS. Showcasing my expertise in WordPress and JavaScript development with a clean, professional design.

Visit my portfolio: princesharma.dev

• Modern Design: Clean, professional layout with smooth animations
• Responsive: Fully responsive design that works on all devices
• SEO Optimized: Built with Next.js SEO best practices
• Fast Performance: Optimized images and code for lightning-fast loading
• PWA Ready: Progressive Web App capabilities
• TypeScript: Full TypeScript support for better development experience
• Tailwind CSS: Utility-first CSS framework for rapid styling

• Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• Icons: React Icons
• Fonts: Google Fonts (JetBrains Mono)
• SEO: next-seo
• UI Components: Custom components with class-variance-authority

prince-folio/
├── public/
│   ├── assets/
│   │   ├── profile.webp
│   │   └── Resume.pdf
│   ├── favicon.ico
│   ├── manifest.json
│   ├── robots.txt
│   └── sitemap.xml
├── src/
│   ├── components/
│   │   ├── Header.tsx
│   │   ├── Layout.tsx
│   │   ├── Photo.tsx
│   │   ├── Social.tsx
│   │   └── ui/
│   │       └── button.tsx
│   ├── lib/
│   │   └── utils.js
│   ├── pages/
│   │   ├── _app.tsx
│   │   ├── _document.tsx
│   │   └── index.tsx
│   └── styles/
│       └── globals.css
├── package.json
├── tailwind.config.ts
└── tsconfig.json

• Node.js 18+
• npm or yarn

1. Clone the repository

   git clone https://github.com/P-25/prince-folio.git
   cd prince-folio

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm run dev
   # or
   yarn dev

4. Open your browser Navigate to http://localhost:3000

• npm run dev - Start development server
• npm run build - Build for production
• npm run start - Start production server
• npm run lint - Run ESLint

Update your personal information in src/pages/index.tsx:

• Name and title
• Description and experience
• Social media links

Modify SEO settings in the same file:

• Page title and description
• Open Graph tags
• Twitter Card settings
• Structured data

Customize the design in:

• tailwind.config.ts - Tailwind configuration
• src/styles/globals.css - Global styles
• Component files for specific styling

1. Push your code to GitHub
2. Connect your repository to Vercel
3. Deploy automatically

The app can be deployed to any platform that supports Next.js:

• Netlify
• Railway
• DigitalOcean App Platform

The portfolio includes Progressive Web App features:

• Web App Manifest
• Service Worker ready
• Installable on mobile devices
• Offline capabilities

• Meta tags optimization
• Open Graph tags
• Twitter Cards
• JSON-LD structured data
• Sitemap generation
• Robots.txt
• Canonical URLs

This project is open source and available under the MIT License.

• Website: princesharma.dev
• LinkedIn: shprince
• GitHub: P-25
• Twitter: @_shprince
• Buy Me a Coffee: princesharma

⭐ If you find this portfolio helpful, please give it a star on GitHub!