Back to Projects
Web App

Constant-Craft

An interactive element combination game where players discover new items by combining existing ones.

Constant-Craft

The Challenge

Creating an engaging game that captures the addictive simplicity of Infinite Craft while maintaining performance and a smooth user experience. The challenge was to build a system that could handle hundreds of element combinations while keeping the interface intuitive and responsive.

The Solution

Constant-Craft is a faithful recreation of the popular web game Infinite Craft, where players start with basic elements like earth, water, fire, and air, and combine them to discover hundreds of new items. The game encourages creativity and experimentation, with surprising and often humorous results when different elements are combined.

Key Features

  • Intuitive drag-and-drop interface for combining elements
  • Hundreds of possible combinations to discover
  • Local storage to save game progress
  • Animated reactions when new elements are created
  • Searchable element inventory

Technical Implementation

The application was built with a focus on performance and user experience:

  • React with Next.js for the frontend framework
  • Tailwind CSS for styling and responsive design
  • React DnD for drag-and-drop functionality
  • Framer Motion for smooth animations and transitions
  • Custom algorithm for determining new element combinations
Game interface
Element combination animation

Project Details

My Role

Founder & Lead Developer

Timeline

2 weeks

Technologies

React
Next.js
Tailwind CSS
React DnD
Framer Motion
LocalStorage

Target Users

  • Casual gamers looking for a relaxing but engaging experience
  • Puzzle enthusiasts who enjoy discovery and experimentation
  • Players who enjoy sharing their discoveries with others