You are browsing as a guest. Sign up (or log in) to start making projects!

BackSpace

By @coderig

  • 4 Devlogs
  • 8 Total hours

BACKSPACE is an interactive digital time machine that lets you explore how the internet evolved from the early web to today. You pick a year, and the entire experience transforms around it—UI, typography, layouts, interactions, technology, culture, and even the way websites felt. The goal is to make the history of the internet something you can experience, not just read about.

Source
Ship #1 Changes requested

@coderig on BackSpace

What did you make?
I started building BACKSPACE, an interactive web experience that takes users through different eras of the internet, from the early web of the 1990s to the modern internet. The idea was to let users explore how web design, technology, and internet culture evolved over time through an immersive, interactive interface.

What was challenging?
The biggest challenge was creating distinct experiences for different eras while keeping the website interactive, visually engaging, and responsive across devices. I also wanted to make it feel like an actual journey through internet history rather than just another informational website.

What are you proud of?
I’m proud of the concept and the ambition behind it. I wanted to turn internet history into something people could experience rather than simply read about. Although I couldn’t complete the project as planned because my laptop broke down during development, I learned a lot from the process and still want to revisit the idea.

What should people know so they can test your project?
BACKSPACE was a work in progress, and the full experience wasn’t completed because of my laptop issues. If you explore the available version, please keep that in mind. I’d especially appreciate feedback on the concept, visual design, and how the experience could become more immersive and engaging.

  • 4 devlogs
  • 8h
Try project → See source code →
Open comments for this post

@coderig on BackSpace

1h 41m 27s logged

🚀 BACKSPACE — Devlog #04 | Day 4/30

The Social Stream & Mobile Web Awakening — 2010

Day 4 takes BACKSPACE into 2010 — the era when the web became more social, mobile, interactive, and touch-first.

I recreated the experience with a period-inspired Google Chrome 8 browser, featuring interactive versions of Twitter, Facebook & FarmVille, Angry Birds, Instagram, and an HTML5 vs Flash showcase.

  • 🐦 Dual-pane Twitter with 140-character composer & Fail Whale
  • 🚜 Facebook Wall + interactive FarmVille
  • 🏹 Angry Birds-style HTML5 canvas physics
  • 📸 Instagram-inspired vintage filters & photostream
  • ⚡ Interactive Flash vs HTML5 experience
  • 📱 Responsive Web Design multi-device sandbox
  • 🔊 Custom Web Audio API sound effects

Built with React + TypeScript + Vite.

2010 was when the web started becoming the web we know today.

🔮 Next: Day 5 — 2015, the Modern Web.

0
1
94
Open comments for this post

@coderig on BackSpace

1h 54m 22s logged

🌐 BACKSPACE — Devlog #03 | Day 3/30

The Web 2.0 Revolution — 2005

Day 3 takes BACKSPACE into 2005, the era when the web transformed from static pages into an interactive, social playground.

I recreated the early Web 2.0 experience with a period-inspired Firefox 1.5 browser, interactive versions of Digg, MySpace, YouTube, Thefacebook, Google Maps, Flickr, and Google Reader, along with draggable maps, Top 8 profiles, AJAX-style interactions, RSS feeds, classic ratings, glossy Web 2.0 UI, and custom Web Audio API sound effects.

  • 7 interactive web experiences
  • ~3,900+ lines of TypeScript/TSX
  • Custom procedural audio effects
  • Period-inspired UI and interactions

Built with React + TypeScript + Vite.

From static HTML to the social web — 2005 changed everything.

🔮 Next: Day 4 — 2010, the Mobile & Social Web.

Revisit the web. One era at a time.

#BACKSPACE #Devlog #WebDevelopment #Web20 #React #TypeScript #BuildInPublic #Frontend #StudentDeveloper

0
1
79
Open comments for this post

@coderig on BackSpace

2h 17m 56s logged

🌐 BACKSPACE — Devlog #02

Day 2 takes BACKSPACE into the Y2K & Dot-Com era — IE 5.5, Winamp, Flash, Napster, AIM, and GeoCities.

  • Cyber Breakout 2000 + Flash arcade
  • Napster 56k Downloader + Winamp integration
  • AIM + SmarterChild chatbot
  • GeoCities neighborhoods + guestbook
  • Y2K Crisis Simulator + DHTML effects

Built with React + TypeScript + Vite, Tailwind CSS, Canvas, Web Audio API, and localStorage.

🔮 Next: 2005

The Web 2.0 Revolution — MySpace, YouTube, Digg & Wikipedia.

Revisit the web. One era at a time. 🌐

#buildinpublic #webdev #react #y2k #vintagecomputing

0
1
97
Open comments for this post

@coderig on BackSpace

1h 51m 38s logged

🚀 BACKSPACE — Devlog #1
Built the first version of BACKSPACE, an interactive time machine for the internet. The idea is simple: pick an era from 1995 → 2026 → Future and experience how the web evolved through changing UI, typography, layouts, and design styles. Day 1 focused on the core timeline, era system, dynamic themes, and the first 1995 Web 1.0 experience. Next up: going deeper into each era and making the time-travel experience feel much more alive.

0
1
82

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…