3 ms·

Lovely interface. What does your tech stack look like?

by eprout 5y ago

scubakid 5y ago
Thanks! I built it with Vue.js, Vuetify, Chart.js, and Firebase. Firebase only comes into play for those who get premium and enable data synchronization though.
- eprout 5y ago
  Just checked out Vuetify, looks pretty slick. Thanks for the tip. So does the client handle all the logic rather than a backend?
  - scubakid 5y ago
    Before I added code-splitting a while back to improve my original lighthouse score, you actually used to be able to load the app and then disconnect from your network and still do everything except save to the cloud. In fact, you still can if you visit all the parts of the site first so that every chunk is loaded. With so much being client-side like that, web workers turned out to be really handy for things like Monte Carlo mode or running multiple simulations at once (e.g. on the dashboard).
jasfi 5y ago
Definitely, the web design and UI immediately grabbed my attention.
- scubakid 5y ago
  Thanks! It was tricky to build in so much flexibility and customization while still keeping the overall UI feeling relatively clean.. I try to strike a good balance there, but if you feel there are areas where I haven't succeeded, definitely let me know.
  - mikeg8 5y ago
    I've noticed a lot of humility in your comments which is always nice, but you have truly done an incredible job design-wise. Like many users have said, it looks very professional and feels fast/snappy. I have an enormous amount of respect for you doing this solo. I would love to get to this level some day.. Keep it up!!
    - scubakid 5y ago
      Thanks! Really appreciate the kind words :)
scubakid 5y ago
To circle back and add a little more detail here, you'll notice it's mostly front-end (by design). In addition to Vue.js, Vuetify, Chart.js, and Firebase, I'm using some supporting modules like vuex, vue-router, threads, dayjs, and vuedraggable, among others. I also use web workers in several places, e.g. Monte Carlo mode, and for running all your plans on the dashboard without blocking the UI.

Lovely interface. What does your tech stack look like?

by eprout 5y ago

Lovely interface. What does your tech stack look like?

Thanks! I built it with Vue.js, Vuetify, Chart.js, and Firebase. Firebase only comes into play for those who get premium and enable data synchronization though.

eprout 5y ago
Just checked out Vuetify, looks pretty slick. Thanks for the tip. So does the client handle all the logic rather than a backend?
- scubakid 5y ago
  Before I added code-splitting a while back to improve my original lighthouse score, you actually used to be able to load the app and then disconnect from your network and still do everything except save to the cloud. In fact, you still can if you visit all the parts of the site first so that every chunk is loaded. With so much being client-side like that, web workers turned out to be really handy for things like Monte Carlo mode or running multiple simulations at once (e.g. on the dashboard).

jasfi 5y ago

Definitely, the web design and UI immediately grabbed my attention.

scubakid 5y ago
Thanks! It was tricky to build in so much flexibility and customization while still keeping the overall UI feeling relatively clean.. I try to strike a good balance there, but if you feel there are areas where I haven't succeeded, definitely let me know.
- mikeg8 5y ago
  I've noticed a lot of humility in your comments which is always nice, but you have truly done an incredible job design-wise. Like many users have said, it looks very professional and feels fast/snappy. I have an enormous amount of respect for you doing this solo. I would love to get to this level some day.. Keep it up!!
  - scubakid 5y ago
    Thanks! Really appreciate the kind words :)

scubakid 5y ago

To circle back and add a little more detail here, you'll notice it's mostly front-end (by design). In addition to Vue.js, Vuetify, Chart.js, and Firebase, I'm using some supporting modules like vuex, vue-router, threads, dayjs, and vuedraggable, among others. I also use web workers in several places, e.g. Monte Carlo mode, and for running all your plans on the dashboard without blocking the UI.