Light

aleksilassila / buildshelf Goto Github PK

View Code? Open in Web Editor NEW

5.0 5.0 0.0 176.29 MB

A website for sharing and browsing builds for a popular block game called Minecraft.

Dockerfile 0.21% JavaScript 13.82% TypeScript 85.81% CSS 0.16%

minecraft litematica fabric

buildshelf's Introduction

Buildshelf

Work-in-progress website that allows users to upload and share their creations in a popular block game called Minecraft. To upload builds, users can log in with a microsoft account that has a minecraft account linked to it.

Frontend has been built with Next.js and backend with Express.js and Sequelize. Postgresql is used as the database, and files are stored using Multer.

Building

The project runs via Docker. Get started with docker-compose up --build

To seed the database with test data, run npm run seed inside backend/

To deploy the website to production, run docker-compose -f docker-compose-prod.yml up --build

.env

Create a .env file in the root directory of the project. Docker will use this file to set environment variables. To get Microsoft authentication working, you need to create an app registration in Azure Portal.

DB_URL=postgres://post:post@db/post
BACKEND_ENDPOINT=http://localhost:9000/api
FRONTEND_ENDPOINT=http://localhost:3000
JWT_SECRET=yoursecret

MICROSOFT_CLIENT_ID=
MICROSOFT_CLIENT_SECRET=

Screenshots

Frontpage

Builds page

Upload page

Profile page

buildshelf's People

Contributors

Stargazers

Watchers

buildshelf's Issues

[Suggestion] Copy build url

Well, just having a nice copy build url button would be nice to share it to people

[Suggestion] Tags

As you can or can't see in this image, it's pretty hard to differentiate which is the tag/category and where is the end of the sentence. Maybe tags could have a grey colour or be in italics ?

[Suggestion] Have some categories "slim"

For instance, when you go on builds you can find an Enderman Farm Base which is way more than just an xp farm. Maybe that'd be better to have xp farm strictly xp farms and not full bases too? Or categories this particular build (https://buildshelf.net/builds/18) as a base with a xp farm rather than an xp farm? Just my opinion

Categories collide with text from tags

When you go on https://buildshelf.net/builds and click on All categories you'll see that the text like #house, redstone, #medieval collides with the actual categories, making it hard to read and click.

Also the categories can be scrolled down to get the full list but can't be scrolled back up which makes sense but is weird, maybe either make a maximum size so we can scroll down and up or show the full list from the start?

Single image has a scrollbar

As you can see on this screenshot,

this single image has a scrollbar when it shouldn't, making it distracting

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.