Step back into the past/Archive your memories
Rewind is a nostalgic web platform that allows users to explore, relive, and archive internet culture from the 2010s onward. From viral memes to iconic trends, Rewind preserves digital history in an interactive, retro-inspired experience.
Prerequisites
Node.js (v18+ recommended)
npm or yarn
Firebase project (for authentication and database)
Installation git clone https://github.com/your-username/rewind.git cd rewind npm install
Environment Variables
Create a .env.local file and add:
NEXT_PUBLIC_FIREBASE_API_KEY=your_key
NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your_domain
NEXT_PUBLIC_FIREBASE_PROJECT_ID=your_project_id
NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your_bucket
NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
NEXT_PUBLIC_FIREBASE_APP_ID=your_app_id
Run Locally npm run dev
Open http://localhost:3000 to view the app.
The internet moves fast — trends go viral, shape culture, and disappear just as quickly. Rewind exists to preserve those moments.
Rewind allows users to:
Browse viral trends by year and month
Rediscover cultural moments with On This Day
Create personal memory capsules
Compare trends across years or users
Test pop culture knowledge through quizzes
Receive a personalized wrapped-style recap of their activity
Rewind blends nostalgia, education, and gamification into a single interactive archive.
Nostalgia as a Product Experience
Rewind is built around the idea that internet culture is modern history. The design and interaction model are inspired by:
90s and early 2000s aesthetics
Retro technology (CRT screens, cassette tapes)
Early internet vibes combined with modern UX principles
This theme creates an emotional connection while encouraging exploration and discovery.
Frontend
Next.js 15 – App Router, performance, scalability
React
TypeScript
Tailwind CSS – Rapid, consistent styling
Framer Motion – Smooth animations and transitions
Backend / Services
Firebase Authentication – User accounts
Firestore – Trend data and user capsules
Firebase Storage – Media assets
Design & UX
Retro-inspired UI components
Neon gradients and dark mode
CRT overlay effects
Animated backgrounds and micro-interactions
Planned and potential enhancements include:
🌍 Expanded timeline (earlier internet eras and global trends)
🧠 AI-powered trend summaries and cultural insights
👥 Social sharing and collaborative memory capsules
🏆 Advanced gamification (seasonal challenges, rankings)
📱 Mobile-first and PWA optimizations
💎 Premium nostalgia packs and curated collections
Rewind aims to become a living archive of digital culture — built by the community, for the community.