https://github.com/rabbikazmi/minecraft-gui

web-based crafting inventory system inspired by the minecraft interface, this project replicates a crafting experience.
https://github.com/rabbikazmi/minecraft-gui

css3 gui html5 javascript js minecraft pretty tonejs

Last synced: 3 months ago
JSON representation

web-based crafting inventory system inspired by the minecraft interface, this project replicates a crafting experience.

• Host: GitHub
• URL: https://github.com/rabbikazmi/minecraft-gui
• Owner: rabbikazmi
• License: mit
• Created: 2025-07-19T14:55:34.000Z (12 months ago)
• Default Branch: main
• Last Pushed: 2025-08-03T12:49:21.000Z (11 months ago)
• Last Synced: 2025-08-03T13:15:33.076Z (11 months ago)
• Topics: css3, gui, html5, javascript, js, minecraft, pretty, tonejs
• Language: JavaScript
• Homepage: https://rabbikazmi.github.io/minecraft-gui/
• Size: 3.27 MB
• Stars: 0
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
 Minecraft-Inspired Crafting GUI




  

  

  

  

  



##  Project Overview

A web-based crafting inventory system inspired by the Minecraft interface. Built with HTML, CSS, and JavaScript, this project replicates a crafting experience where users manage an inventory, discover recipes, and combine items to craft new tools—all in a pixelated, responsive UI.

##  Features

- **Character Selection:** Choose between two playable characters: Sunny and Alex.

- **Inventory System:** Fully functional inventory with:

  - Drag-and-drop item movement

  - Right-click to split item stacks

- **2x2 Crafting Grid:** Combine items to create new ones with real-time output.

- **Recipe Book:** View a guide to all available recipes with descriptions and visuals.

- **Character Emotes:** Characters react with speech bubbles upon crafting.

- **Sound Effects:** UI audio feedback powered by Tone.js.

- **Persistent Storage:** Store items in a chest using localStorage.

- **Reset Button:** Clear all progress with a single click (no reload required).