Heads up! 🚧
In the meantime, feel free to check out my other projects or get in touch with me.
Thank you for your patience!
- Spencer
Blueprint - Create Mod Hub
A modern web platform serving as the central hub for Create Mod content in the Minecraft ecosystem. I built this platform to bring together community-made addons and player-designed schematics in one place, making Create Mod content more discoverable and manageable for the community. (Originally tagline: Lead developer for Minecraft Create Mod's future central content hub)
Project Goals
The primary goal was to create a modern web platform that serves as the central hub for Create Mod content in the Minecraft ecosystem. This includes community-made addons and player-designed schematics, making them more discoverable and manageable for the community. The platform aims to enhance user experience with real-time updates, advanced filtering, and a responsive design optimized for all device sizes.
My Role
- Lead Front-End Developer
Tech Choices
React 19 and TypeScript were chosen for their modern features and type safety... Vite was selected for its fast build times... TanStack Query for data fetching... Zustand for state management... Tailwind CSS and Shadcn/UI for styling... Appwrite for backend... Meilisearch for search.
Key Features
Addon discovery
A platform for discovering addons/mods for the Create Mod.
Schematic Sharing
A platform for sharing and discovering player-made schematics.
Smart version compatibility filtering
Filter addons/schematics based on compatibility.
Multi-platform mod loader support
Support for different mod loaders like Forge and Fabric.
Appwrite OAuth
Secure OAuth authentication using Appwrite...
Responsive design
Optimized for all device sizes...
Challenges
Integrating multiple data sources (CurseForge and Modrinth APIs)
Building a unified search experience with Meilisearch
Implementing 3D schematic previews
Managing multiple contributing developers
Creating a consistent UI
Key Takeaways
This project significantly developed my project management skills... gained deep experience with TypeScript... managed implementation of React 19 features... integration of multiple data sources expanded frontend architecture skills.