A premium, SEO-optimized portfolio website for Shashidhar Naik, a Senior Software Engineer specializing in building scalable enterprise web applications with the MERN (MongoDB, Express, React, Node.js) and MEVN (Vue.js instead of React) stacks. This portfolio showcases professional experience, open-source contributions, and expertise in modern web technologies including Next.js, TypeScript, and React.

As a Software Engineer II at Cymbeline Innovation Pvt. Ltd, I lead frontend development for high-impact projects like the Warehouse Management System (WMS) for clients like Panasonic. My focus is on creating high-performance, user-centric interfaces and architecting robust full-stack solutions.

• Frontend Architecture: React 19, Next.js 16, TypeScript, Tailwind CSS 4.
• Backend Systems: Node.js, Express, MongoDB, RESTful APIs.
• State Management: Redux Toolkit, React Context.
• Performance: Static site generation (SSG), image optimization, smooth Framer Motion animations.

• 🤖 AI Portfolio Assistant: A custom-built chatbot that answers professional inquiries about my background, skills, and experience.
• 📦 Open Source Contributions: Published NPM packages including qrlayout-core, qrlayout-ui, and env-drift-check with 2k+ total downloads.
• ⚡ Blazing Fast Performance: Built using Next.js 16 App Router and optimized for high Core Web Vitals scores.
• 🔍 Deep SEO Integration: Implemented JSON-LD structured data, metadata for social sharing (OG/Twitter cards), sitemap, and semantic HTML for search engine discoverability.
• 💎 Premium UI/UX: Features glassmorphism, responsive timelines, interactive project galleries, and smooth Framer Motion animations.

I actively contribute to the developer community through open-source NPM packages:

Total Downloads: 2k+ across all packages

src/
├── app/               # Next.js App Router (Layouts, Pages, Global Styles)
├── components/        # High-performance UI Components
│   ├── Hero.tsx       # Landing section with social links
│   ├── About.tsx      # Professional summary
│   ├── Experience.tsx # Work history timeline
│   ├── Projects.tsx   # Featured projects gallery
│   ├── OpenSource.tsx # NPM packages showcase
│   ├── Education.tsx  # Academic background
│   ├── Contact.tsx    # Contact form
│   ├── Header.tsx     # Navigation bar
│   ├── Footer.tsx     # Footer section
│   └── PortfolioAssistant.tsx # AI chatbot
└── public/            # Static Assets (Images, Favicons, Sitemap)

1. Clone the repository:

   git clone https://github.com/shashi089/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

This project uses Static Export (output: 'export') for maximum performance and SEO.

1. Run npm run build.
2. Deploy the out/ directory to Netlify (via GitHub integration or CLI).

• LinkedIn: Shashidhar Naik
• GitHub: @shashi089
• NPM: @shashidharlbs
• Portfolio: shashidhar-portfolio.netlify.app

This project is licensed under the MIT License.