A Minecraft Clone Built with ReactJS, GraphQL, ThreeJS, and NodeJS

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

• react.js
• react-router
• apollo

Backend

• prisma
• graphql-yoga

Authentication

• bcryptjs
• jsonwebtoken

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

Download Details:

Author: Tominous

Source Code: https://github.com/Tominous/minecraft.js-1

#reactjs #graphql #nodejs #javascript