TSITP ✩ Taylor Swift Tribute

Inspiration

Every summer feels like a Taylor Swift song , and The Summer I Turned Pretty brought that to life on screen.
Watching the series felt like reliving every Swift era: the soft beginnings of Lover, the chaos of Folklore, and the bittersweet calm of Midnights.
I wanted to create a cinematic web experience that captures that same energy, the warmth, heartbreak, and nostalgia as a love letter to Taylor Swift’s music and Jenny Han’s world.

What It Does

The Summer I Fell in Love with Taylor Swift is a digital tribute site blending The Summer I Turned Pretty*’s story arcs with Taylor Swift’s eras.

• Each season of the show is reimagined through a curated grid of Taylor songs
  
• Embedded Spotify clips let visitors listen and feel the story evolve
  
• Every section uses gradients, soft glows, and pastel themes to reflect love, growth, and reflection
  

It’s not just a fan site ; it’s a mood, a memory, a summer.

How I Built It

• Designed and developed the structure using HTML5 and CSS3 only, no JavaScript frameworks
  
• Used linear gradients and keyframe animations to create subtle glowing and shimmering text effects
  
• Embedded Spotify’s iFrame API for interactive song previews
  
• Focused on smooth scroll navigation and responsive design for all screen sizes
  
• Deployed on Vercel for easy sharing and portfolio hosting
  

Challenges I Faced

• Achieving a dreamy, cinematic aesthetic without JavaScript pushed my CSS creativity
  
• Balancing color gradients to stay soft yet visually rich took experimentation
  
• Making the Spotify embeds responsive while keeping design harmony
  
• Fine-tuning spacing and typography to create that “romantic nostalgia” feel
  

What I Learned

This project reminded me how storytelling and design can merge, that code can be emotional, too.
I learned:

• How to structure and style fully responsive pages using semantic HTML + custom CSS animations
• How to design for feeling, not just function
• How to host static sites through Vercel and GitHub integration
  

💫 Built With

• HTML5
• CSS3
• Spotify Embed API
• Vercel
• Google Fonts (Playfair Display + Poppins)**
  

“Every summer deserves a Taylor Swift song.” — and now, it finally has one on the web. 🌞💗

Built With

• css3
• html5