Inspiration

It may be hard to realize or understand but here in Italy not so many apps offer this kind of service, and the few apps that do were badly realized, full of bugs etc. I mean, they did the job but I think that we deserve better: this was the first idea behind the realization of this web-app.

What it does

With this application, in a few clicks, you can create your own sticker and print it in a matter of minutes. You can also print different stickers in one single page and truly customize everything according to your own idea. It is possible to save and load stickers that you are working on, import Excel sheets to print formatted data from it, work directly on the canvas using the tools provided by Fabric.js!

How I built it

AppLab is a React project. This means that everything is built around components using Javascript ES6 OOP capabilities. I coded a wrapper to organize the code flow around Fabric.js in a more React-y way, using a singleton called KitchenSink, the main Fabric.js gateway in the project.

Challenges I ran into

A lot, actually. Since this was my first React project, I first had to learn how to use it properly. Once I had confidence, I started writing the application code and soon enough I began to realize how difficult it was to maintain solid state during the whole "life" of the application in the browser. I should have had a single source of truth for the state of the application (maybe using Redux), but I didn't... everyone that uses React can feel me.

What I learned

This project helped me a lot to learn React and its fundamentals, I also feel a lot more confident now about my Javascript skills. I did also learn how to use Docker to deploy the app in production, and how to work with a server (the server is a whole other story...)

What's next for AppLab

I guess I will add more fonts that no one asked for. I really like doing it. Ok, jokes aside, I will focus on solving bugs and maintaining the code from now on. AppTac also plains to add news on the navbar. I'm excited for the future of this application!

Made with love by Overzoom

Share this project:

Updates