10BC0 GitHub - Yashkapure06/PortfolioWebsite: Developers portfolio with Next.js
[go: up one dir, main page]

Skip to content

Yashkapure06/PortfolioWebsite

Repository files navigation

🚀 Yash Kapure | Full-Stack Portfolio

High-performance personal portfolio built with Next.js, Tailwind CSS, and Framer Motion. Showcases Yash Kapure's expertise in React.js, Node.js, MERN/MEVN, and modern product engineering practices for startups and global teams.


🌐 Quick Links


📚 Table of Contents

  1. Features
  2. SEO Highlights
  3. Tech Stack
  4. Getting Started
  5. Environment Variables
  6. Available Scripts
  7. Contact

✨ Features

  • Responsive portfolio optimized for Core Web Vitals.
  • Hero, skills, projects, experience, and contact sections with smooth micro-interactions.
  • AI-enhanced chatbot with OpenRouter + Exa for semantic search and replies.
  • Automated email delivery powered by Resend and react-hook-form validation.
  • SEO-ready: dynamic Open Graph tags, sitemap generation, structured data.
  • Accessible UI following WCAG 2.1 AA guidelines.

🔍 SEO Highlights

  • Descriptive metadata targeting keywords such as "Full-Stack Developer", "Next.js engineer", "React consultant", and "remote MERN developer".
  • Sitemap generated through next-sitemap using SITE_URL.
  • Pre-rendered sections and image optimization for global performance.
  • Contact CTA, social previews, and canonical URLs for improved discoverability.

🧰 Tech Stack

  • Next.js 14+ with App Router
  • TypeScript
  • Tailwind CSS
  • Framer Motion
  • React Hook Form
  • Resend Email API

⚡ Getting Started

Clone the repository, install dependencies, and run the development server.

npm install
npm run dev

Visit http://localhost:3000 to explore the portfolio locally.


🔐 Environment Variables

Create a .env file in the project root:

SITE_URL='https://example.com'        # Required for sitemap generation
RESEND_API_KEY='your_resend_api_key'  # Required for transactional email
EXA_API_KEY='your_exa_api_key'        # Optional: powers AI search
OPENROUTER_API_KEY='your_openrouter_api_key'  # Required for chatbot

🧪 Available Scripts

  • npm run dev - start development server
  • npm run build - create production build
  • npm run start - launch production server
  • npm run lint - run Next.js/TypeScript linters

📫 Contact

Questions, feedback, or collaboration inquiries are welcome:

Crafted with ❤️ using cutting-edge full-stack technologies to highlight Yash Kapure's global-ready engineering portfolio.

0