MCList

Overview

This web app helps Minecraft players track and manage materials needed for their builds. By parsing text-based lists from YouTube descriptions or other sources, it provides a visual checklist with images from the Minecraft Wiki and interactive progress tracking. Users can save builds locally, mark items as completed, and share builds via a compressed URL with metadata for social sharing.

Problem & Solution

Minecraft players often struggle with large material lists, which are typically shared as plain text in video descriptions or forums. These lists are difficult to visualize and track.

The app solves this by converting text into interactive visual checklists, allowing users to see, check off, and manage items efficiently, making planning builds faster and more satisfying.

Key Features

• Parse text-based material lists into visual checklists
• Display item images from the Minecraft Wiki for better clarity
• Save builds locally using Dexie (IndexedDB)
• Mark items as completed with Lottie-powered explosion animations
• Share builds via compressed URLs with metadata for social previews

Technical Highlights

• Built in Next.js with React and TypeScript for fast iteration
• Used Motion and Lottie for interactive animations and polished UX
• Implemented local storage with Dexie for offline-first persistence
• Compressed build data in URLs to support large builds without long links
• Generated metadata dynamically for sharing and social previews

Product Decisions

• Focused on fun, visual feedback for item completion
• Scoped features tightly to avoid overengineering