ChronoChain

• 

  Start Screen

• 

  Reorder events

• 

  View and share results

Inspiration

I’ve always loved starting my day with a quick mental challenge, like Wordle, but lately I’ve been wanting something that not only stretches my brain but also teaches me something new. That’s how the idea for ChronoChain came about, a daily history trivia game that turns learning into a fun, interactive puzzle.

What it does

ChronoChain challenges players to arrange historical events in the correct chronological order. Each game has a theme, based on a current event. It’s perfect for history buffs or those who want to test their knowledge, uncover fascinating stories, and see how past events connect to the present. Each day features a new set of events, from iconic milestones to fun, lesser known stories, so players can always learn something new while exercising their memory and reasoning skills.

How we built it

I used Devvit Web to bring ChronoChain to life, building the frontend with React and TypeScript, Tailwind for styling, and using Redis for fast, lightweight storage. I used @dnd-kit for my drag and drop visuals and sorting.

Challenges we ran into

1. Drag-and-drop logic: Making custom drag-and-drop work seamlessly with auto placed events that shouldn't move and automatic reordering was really tough. Looking back, I would have looked into a different drag and drop system that did this more easily, I had to build a lot of custom logic and do a ton of testing.

2. Scoring & hints: Balancing a hint system that doesn't reveal too much, but leads you in the right direction was difficult. I also wanted the scores to feel accurate to a score you'd get on a test. I didn't want to penalize people too harshly if they only mixed up 2 events in the end. It took some iterating to get to the scoring and hint system I have in place, but I'm happy with how it turned out.

3. Splash screen: Implementing a smooth, dynamic splash screen proved trickier than expected, so I temporarily worked around it using a static image. I'm excited for the new updates to come!

Accomplishments that we're proud of

I've worked across various software fields, but I've never done game development before. This was my first attempt at building a game from scratch, and it’s already being enjoyed by my friends and family. And I'm proud that players are not just testing knowledge, they’re learning and discovering new facts about the past and present.

What we learned

I discovered that you can actually build fully interactive games on Reddit. It opened my eyes to the potential of creating apps in feed, and I’m excited to explore more projects like this.

What's next for ChronoChain

Currently, the game doesn’t save daily scores, but I plan to add features that let users track their progress over time, view streaks, and see how they improve. I’m also continuing to expand the game with new themed event inspired by current events to keep the experience fresh and dynamic.

Built With

• devvit
• react
• tailwindcss
• typescript