Write your name in LEGO - ReactJS my tribute.
Published: 2020-11-16 17:15:14

---
title: Write your name in LEGO - ReactJS my tribute.
published: true
date: 2020-02-15 00:00:00 UTC
tags: 
canonical_url: https://hvitis.dev/project-react-based-lego-name-maker
---

# TLDR:

Your LEGO name maker is here: [CLICK](https://www.hvitis.dev/lego-name-maker)

## How it all started…

Now you know I’ve been a great fan and when having an opportunity I had to use it! I went to LEGO House and I must note that it’s the coolest place on Earth. This is how it looks like as a miniature on my work desk:

[![LEGO House Architecture](https://hvitis.dev/static/d2786a385146a6028e4805896fe05422/8bc0c/lego-architecture-lego-house-souvenir.jpg "LEGOHouseArchitecture")](/static/d2786a385146a6028e4805896fe05422/d6d1b/lego-architecture-lego-house-souvenir.jpg)

I must say that this place has everything that LEGO fan needs. Restaurant where you order by building LEGO, tons of amazing projects, places for smaller and older kids, shops and even a full fledged robot that all the time make lego bricks in front of your eves:

[![LEGO Making Robot](https://hvitis.dev/static/429d220c7b549853fddf0632816de688/8bc0c/lego-house-lego-brick-making-robot.jpg "LEGOMakingRobot")](/static/429d220c7b549853fddf0632816de688/d6d1b/lego-house-lego-brick-making-robot.jpg)

What do I have in my hand? This is my [unique LEGO bricks combination](https://brickset.com/article/30827/review-624210-lego-house-6-bricks). The picture shows how to attach those 6 pieces to have one of milions of possibilities attached to my visit at LEGO house. I could write about this place for hours but it’s not the reason why I’m making this post. VIsit this place if you’re in Denmark and now let’s focus on coding.

## The tribute:

Inside - apart of hundreds of cool things - there’s a machiene that makes you [pictures that you can build with actual LEGO pieces](https://www.legoland.co.uk/tickets-passes/extras/extra-goodies/lego-mosaic-maker/). I couldn’t resist and bought one too, but after comming home I thought it would be great to make something with code that I could share with others to make LEGO more popular and to have fun. After Googling most of the code-oriented stuff out there is around [LEGO Mindstorms](https://en.wikipedia.org/wiki/Lego_Mindstorms) robots and [LEGO Boost](https://www.space.com/37614-lego-boost.html). Python and NodeJS solutions for robots. That’s amazing but not something I could afford right know (time-wise).

Fortunately someone was keen enough to make a [npm package for building LEGO bricks](https://www.npmjs.com/package/react-legos). I thought it’s an amazing idea that I could use to make an App that let’s you write your own name in LEGO. If you want to have your name written (and printed?) somewhere you can [go here and use it](https://www.hvitis.dev/lego-name-maker). You can export the result to PDF on screens with resolution higher than 1024px. This is how it looks like:

[![LEGO Name](https://hvitis.dev/static/0ee495c3ebe83f62e4cf4ca37e8ec757/4d236/exported-lego-name-hvitis.png "LEGOname")](/static/0ee495c3ebe83f62e4cf4ca37e8ec757/5f327/exported-lego-name-hvitis.png)

Big **Thank You** goes to:

- LEGO for making the world a better place
- [Bryce Dorn](https://www.linkedin.com/in/brycedorn/) for making the [npm package](https://www.npmjs.com/package/react-legos/v/0.0.4) I’ve used here

> **THANK YOU LEGO**! For giving me great childhood, tons of ideas and joy.

_LEGO and the LEGO logo are trademarks and/or copyrights of the LEGO Group. This is not at all affiliated with The LEGO Group, and was simply a tribute of mine using the LEGO name as a proprietary eponym._