Skip to content

sparshb4tra/Retro-website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Sparsh's Retro Portfolio 🚀🎮

Welcome to my retro-inspired portfolio website! Built with a nostalgic nod to classic Mac OS interfaces, this project combines a sleek desktop-like experience with modern web tech. Explore my skills, projects, and even play a classic Snake game—all wrapped in a pixel-perfect retro vibe! 😎

Live Demo 🌐

Check it out in action here!

Screenshots 📸

Desktop View Snake Game Window About Me Window
Desktop View Snake Game About Me

Features 🎉

  • Retro Mac OS Aesthetic: Drag windows, click icons, and relive the 90s computing glory!
  • Interactive Desktop: Click icons to open windows for About Me, Projects, Resume, Contact, and System Info.
  • Built-in Snake Game: Play a fully functional Snake game with a retry feature and auto-restart countdown. Use arrow keys to slither to victory! 🐍
  • Responsive Design: Optimized for a 800x600 pixel retro feel, scalable to modern screens.
  • Downloadable Resume: Grab my resume with a single click!

Tech Stack 💻

  • HTML5: Structured the retro desktop layout.
  • CSS3: Styled with custom gradients, shadows, and a Chicago font vibe.
  • JavaScript: Powered draggable windows, Snake game logic, and interactivity.
  • Icons: Custom icons stored in the icons folder for that authentic look.

Getting Started 🛠️

Want to run this locally? Follow these steps:

  1. Clone the Repo

    git clone https://github.com/yourusername/sparsh-retro-portfolio.git
  2. Navigate to the Project

    cd sparsh-retro-portfolio
  3. Open index.html

    • Use a live server (e.g., VS Code Live Server extension) or open it directly in a browser.
  4. Enjoy!

    • Drag windows, play Snake, and explore my portfolio!

Usage 🎮

  • Click Icons: Open windows like About Me, Projects, or the Snake Game.
  • Drag Windows: Click and drag the title bars to move windows around.
  • Close Windows: Click the black square in the top-left corner of each window.
  • Snake Game: Hit "Start Game" to begin, use arrow keys to move, and watch your score climb!

Future Plans 🚧

  • Add more retro games (Tetris, anyone?).
  • Implement a file system simulation.
  • Enhance responsiveness for mobile devices with a retro twist.

Contributing 🤝

Got ideas to make this even more awesome? Feel free to fork this repo, make changes, and submit a pull request! Let’s build something epic together.

Acknowledgments 🙌

  • Inspired by the classic Mac OS interface.
  • Thanks to the open-source community for fonts and tools!

About

90s style MacOs inspired Portfolio Website

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published