Skip to content

Repository files navigation

Keshav Bajpai - MacOS Interactive Portfolio OS

Welcome to my professional portfolio, reimagined as a fully functional, 3D-enhanced operating system inspired by MacOS. Built with cutting-edge web technologies, this project showcases my journey as an AI Engineer and Full Stack Developer.


🖥️ The OS Experience

This isn't just a website; it's a browser-based environment featuring:

  • Boot & Login Sequence: A realistic system startup experience.
  • Window Management: A custom-built state management system using Zustand that allows dragging, minimizing, maximizing, and stacking multiple windows.
  • 3D Skill Universe: An interactive Three.js cloud of expertise that responds to user navigation.
  • Functional Dock & Finder: Navigate through professional assets just like a real desktop.
  • Terminal Integration: A command-line interface for the "power users" to explore my bio and projects.

🛠️ Tech Stack

Frontend Architecture

  • React 19: Modern UI component architecture.
  • Zustand: Lightweight, high-performance state management for windowing logic.
  • Framer Motion: Smooth, spring-based animations and transitions.
  • Tailwind CSS: Utility-first styling for the sleek MacOS aesthetic.

3D & Graphics

  • Three.js & React Three Fiber: Powering the immersive 3D Skill Cloud.
  • React Three Drei: Specialized helpers for 3D interactions.

Intelligence

  • Google Gemini API: Integration of Generative AI for professional context handling.

📂 Project Structure

  • components/: Modular UI components (MenuBar, Dock, Window system).
  • components/apps/: Individual applications like ExperienceApp, ProjectsApp, and TerminalApp.
  • store/: Zustand hooks for global system state.
  • constants.tsx: Centralized source of truth for portfolio data.
  • types.ts: TypeScript definitions for system-wide type safety.

🌟 Key Applications

  • 📁 Finder: Browse through my files and project categories.
  • 🧠 Skill Universe: A 3D orbital view of my technical stack.
  • 💼 Career Journey: A vertical timeline of my professional milestones.
  • 📝 Resume: A printable-style high-fidelity resume viewer.
  • 💻 Terminal: Explore my "file system" via standard CLI commands.

🤝 Connect With Me


Designed and engineered with ❤️ by Keshav Bajpai.

About

Portfolio website inspired by mac os

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages