Skip to content

Happyesss/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Portfolio Collection

Welcome to my Portfolio Collection — a showcase of four unique and creative portfolio experiences! Each portfolio offers a different interactive way to explore my work, skills, and projects.

🌐 Live Demo

View Portfolio Collection


📦 Portfolios Included

1. 💼 Simple & Clean

A modern, minimalist portfolio with a command palette navigation system. Features dark/light theme toggle, keyboard shortcuts, and a professional design.

Tech: HTML5, CSS3, JavaScript
Features: Command Palette (Cmd+J), Theme Toggle, Smooth Animations.


2. 🎮 Game Adventure

An interactive 2D platformer game where you control a stickman character to explore different zones and discover portfolio content.

Tech: JavaScript, Canvas API, CSS3
Features: 5 Unique Zones, NPC Dialogues, Collectibles, Achievements


3. 🌲 Forest Theme

A nature-inspired portfolio with beautiful tree animations, peaceful forest ambiance, and an interactive 3D garden scene.

Tech: HTML5, SCSS, JavaScript, Three.js
Features: 3D Garden, Animated Trees, Interactive Signboards


4. 💻 Hacker Terminal

A cyberpunk-inspired terminal interface with command-line navigation and matrix effects. Navigate the portfolio using terminal commands.

Tech: JavaScript, CSS3, Web Audio API
Features: Terminal Commands, Matrix Effects, Boot Sequence


🛠️ Tech Stack

  • Frontend: HTML5, CSS3/SCSS, JavaScript (ES6+)
  • 3D Graphics: Three.js
  • Game Engine: Custom Canvas 2D
  • Fonts: Space Grotesk, JetBrains Mono, Inter, Press Start 2P
  • Icons: Custom SVG, Font Awesome

📁 Project Structure

Portfolio/
├── index.html              # Landing page with portfolio cards
├── css/landing.css         # Landing page styles
├── js/landing.js           # Landing page interactions
├── Portfolio_Simple/       # Minimal portfolio
├── Portfolio_Game/         # Game-based portfolio
├── Portfolio_Forest/       # Nature-themed portfolio
└── Portfolio_Hacker/       # Terminal-style portfolio

🚀 Getting Started

  1. Clone the repository:

    git clone https://github.com/Happyesss/potfolio.git
    cd potfolio
  2. Open index.html in your browser or use a local server:

    npx serve .
  3. Choose your preferred portfolio experience from the landing page!


📱 Responsive Design

All portfolios are fully responsive and work seamlessly on:

  • 🖥️ Desktop (1920px+)
  • 💻 Laptop (1024px - 1920px)
  • 📱 Tablet (768px - 1024px)
  • 📱 Mobile (320px - 768px)

✨ Features Highlights

  • Interactive Experiences: From games to terminals, each portfolio offers unique interactivity
  • Modern Design: Clean, professional, and visually appealing
  • Keyboard Navigation: Command palettes and shortcuts for power users
  • Theme Support: Light/dark themes available
  • Smooth Animations: Carefully crafted CSS and JS animations
  • Accessibility: Semantic HTML and ARIA labels

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.


📄 License

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


👤 Author

Shashank Kumar Rathour


Made with ❤️ and lots of ☕

About

Portfolio

Topics

Resources

Stars

Watchers

Forks

Contributors