Kavya Chouhan Portfolio

A Jupyter Notebook-style portfolio built with Next.js, showcasing AI/ML projects and data science work in an interactive notebook interface.

Overview

This portfolio presents a unique Jupyter Notebook-inspired design that reflects the data science and machine learning workflow. The interface includes:

• Notebook shell with menu bar and toolbar
• Code cells with syntax highlighting
• Output cells for results and visualizations
• Dark and light theme support
• Keyboard shortcuts for notebook navigation
• Interactive execution simulation

Tech Stack

• Next.js
• TypeScript
• Tailwind CSS
• React Syntax Highlighter

Getting Started

Install dependencies:

npm install

Run the development server:

npm run dev

Open http://localhost:3000 to view the portfolio.

Project Structure

src/
├── app/
│   ├── layout.tsx
│   ├── page.tsx
│   └── globals.css
├── components/
│   ├── NotebookShell.tsx
│   ├── NotebookCell.tsx
│   ├── NotebookMenu.tsx
│   ├── NotebookToolbar.tsx
│   ├── HeroNotebook.tsx
│   ├── AboutNotebook.tsx
│   ├── ProjectsNotebook.tsx
│   └── ContactNotebook.tsx
└── context/
    └── NotebookContext.tsx

Features

• Responsive Jupyter Notebook interface
• Syntax-highlighted code cells
• Simulated cell execution with status tracking
• Theme switching between light and dark modes
• Keyboard shortcuts for navigation and execution
• Export functionality for notebook and PDF formats