Skip to content

A Minecraft clone built with ReactJS, GraphQL, ThreeJS, and NodeJS.

Notifications You must be signed in to change notification settings

rinaldycodes/minecraft.js-1

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 

Repository files navigation

MinecraftJS

MinecraftJS brings the best-selling PC game "Minecraft" into the web with the power of javascript.

Motivation

Having to open an additional app to play a game is sometimes too tiring. Therefore, we thought it'd be interesting to somehow implement Minecraft with javascript, essentially bringing the whole Minecraft game into the web. This not only takes away the tedious process of installing the game, it also brings the entire game to players with a couple clicks.

Screenshots

Simple and working terrain generation

Ability to build and break blocks

Build Stack

Javascript.

Frontend

Backend

Authentication

Features

  • Player registration
  • Save worlds
  • Database support

Installation

Before cloning the repo or doing anything, be sure to install docker and node on your computer. After that, run the following commands:

# Clone the repo
git clone https://github.com/ian13456/minecraft.js.git

# Download packages for server and client with:
npm install

# Start docker containers
cd server/prisma
docker-compose up -d

# Start backend service
cd server
npm start

# Start frontend service
cd client
npm start

After these commands, visit localhost:3000

To-do's

  • Lighting
  • Chat system
  • Command system
  • Better terrain generation (caves)
  • Random structures (villages)
  • Inventory system
  • Trivial things such as
    • Block breaking cooldowns
    • Special items (swords, pickaxes)
  • Better UI designs
  • Dockerize the entire project altogether

About

A Minecraft clone built with ReactJS, GraphQL, ThreeJS, and NodeJS.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 96.7%
  • CSS 2.7%
  • HTML 0.6%