Back in October 2020, I decided to start a pet project with a goal to learn new technology. I noticed people on Twitter were saying how much they like the Developer Experience of Blitz JS so I decided to use it in this pet project. But then I thought, this pet project could be something useful to our employees. So, after a little research, I decided to build an Absence Tracker, so we can ditch the Telegram group where we reported our absences. The Inception I decided to use along with , because it's rich with components and it allows me to quickly build the UI. And it looks 😍. I did a little planning and Database Design in and started to layout the pages. Chakra UI Blitz JS diagrams.net One month in I decided to stream the whole development process on ! That was one of my best decisions. I've met a lot of cool folks on my streams and they gave me some interesting ideas regarding the implementation. All of my streaming archives can be found on my . Twitch YouTube channel The Challenges One of the challenges was keeping up with the changes of Blitz JS. When I started the project Blitz was still in alpha. And as we all know, alpha software tends to change and it's totally normal. Blitz JS is maturing in a great way, but keeping track of the changes did require a lot of release notes reading, and checking out past PRs. Another challenge was using Chakra UI with an experimental version of React (default by Blitz JS). I couldn't find a good workaround, so I decided to use the stable version of React. The drawback of that was disabling the Concurrent mode of React, even though I really liked that feature. The Benefits This tech stack grew to be my favourite. It really allows you to build your app in record time! I really like the DX of Blitz JS and Chakra UI and their intuitive APIs. I'll definitely use these technologies for my future projects too. As I mentioned, streaming on Twitch was one of my best decision. I've gotten a lot of followers and met a lot of cool folks that hung around my streams. I've also gotten the attention of Chakra UI! They liked my streams and invited me to join the 🤩 core team The Finale I decided to bring my colleague as a guest to my live stream where we Dockerized the app and deployed it on our company servers. There was a ready-made Docker image for Blitz JS, but we decided to build our own. It wasn't complicated at all. After we set up everything in a Docker Compose network, the deployment was a single line command. Ilija Boshkov Next on our list is to onboard all of the employees, synchronise the old data with the new platform, and officially start using the new platform. It started off as a pet project, a "placeholder" for me to learn new technology, but it grew into a cool usable app that will make our lives easier. It's been a wild ride, but I'd do it all over again without thinking.

Twitter

YouTube

How to Build a Successful MVP in 3 Months 🚀

Virtual Open Day 2021: Mentoring Over 150 Brilliant Students Virtually

Work with us!

Nominated for 2022 - HackerNoon Contributor of the Year - Algorithms

Nominated for 2022 - HackerNoon Contributor of the Year - Mvp

Too Long; Didn't Read

Download free Tech Leaders Productivity Report!

How I Used Blitz JS To Take My Pet Project Into Production

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Untitled Story

Developing & Distributing iOS apps: Apple Certificates and Provisioning Profiles

10 NoCode Tools to Help You Build Your MVP 🚀

3 Successful Examples of Using an MVP (Minimum Viable Product)

5 Successful Examples of Low Code MVPs

7 Benefits of MVP for Startups

Developing & Distributing iOS apps: Apple Certificates and Provisioning Profiles

10 NoCode Tools to Help You Build Your MVP 🚀

3 Successful Examples of Using an MVP (Minimum Viable Product)

5 Successful Examples of Low Code MVPs

7 Benefits of MVP for Startups

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps