This repository contains Rhythm Desai's personal portfolio website. It showcases design and front-end projects along with interactive fiction built in Twine.

1. Clone this repository.
2. Launch a local web server from the project directory: python3 -m http.server Then open http://localhost:8000/index.html in your browser. You can also open index.html directly without a server.
3. You can also view the portfolio online at https://rhythmd22.github.io/Portfolio/.

• About.html – About page with background and contact information.
• android-chrome-192x192.png – Chrome browser app icon (192x192).
• android-chrome-512x512.png – Chrome browser app icon (512x512).
• apple-touch-icon.png – Apple touch icon for mobile devices.
• Clash Royale Redesign.html – Project page for a UI/UX redesign of the Clash Royale app.
• css/ – Directory containing all CSS files.
  • about.css – Specific styling for the About page.
  • clashroyale.css – Specific styling for the Clash Royale project page.
  • financier.css – Specific styling for the Financier project page.
  • index.css – Specific styling for the home page.
  • smartshuttle.css – Specific styling for the SmartShuttle project page.
  • styles.css – Shared styling for all pages.
  • twine.css – Specific styling for the Twine project page.
  • work.css – Specific styling for the work page.
• favicon.ico – Browser tab icon.
• Financier.html – Project page for a college budgeting web app.
• footer.html – Shared footer snippet included on each page.
• header.html – Shared header snippet included on each page.
• images/ – Screenshots, mockups, and other graphics used throughout the site.
• index.html – Home page with a short bio and site navigation.
• js/ – Directory containing all JavaScript files.
  • clashroyale.js – Specific JavaScript for the Clash Royale project page.
  • dark-mode.js – Implements dark mode functionality across the site.
  • financier.js – Specific JavaScript for the Financier project page.
  • index.js – Specific JavaScript for the home page.
  • navigation.js – Implements shared navigation functionality including mobile menu, link updates, and service worker registration for PWA functionality.
  • scroll.js – Implements shared scroll functionality across project pages.
  • smartshuttle.js – Specific JavaScript for the SmartShuttle project page.
  • templates.js – Injects the shared header and footer into each page.
  • work.js – Specific JavaScript for the work page.
• manifest.json – Web app manifest file for PWA features.
• portfolio-dark.png – Dark theme portfolio icon.
• portfolio-light.png – Light theme portfolio icon.
• README.md – This file, explaining the project structure and setup.
• service-worker.js – Service worker for offline functionality and caching.
• SmartShuttle.html – Project page for a campus shuttle tracking concept.
• Twine/ – Published Twine HTML stories.
• Twine.html – Landing page introducing the Twine interactive fiction projects.