Skip to content

webothdo/nuxt-gui

Repository files navigation

NuxtGUI - A mini canva project

nuxtgui preview

Made with Nuxtjs, tailwindcss for styling and pinia for state management

Features

  • Dynamically add elements
  • Each element has their own control
  • User can edit the background of the canvas
  • [] Some more controls for the elements
  • [] Would be nice to have drag and drop magic :)

Inspiration

I got the inspiration from Joy of code in one of his videos on youtube and I sorta went overboard wth my implementation though.

Objective

Honestly, I just wanted to do this to prove to myself I can potentially work on something a little bit important?? And I also wanted some of that github starrrss

What I learnt

I learned the hard way

  • If you're gonna have state management in your app, do it at the beginning
  • Vuejs and Nuxtjs documentation doesn't provide any 'real' documentation for how to use jsx - here where my googling and tinkering skills came in handy
  • To plan your project ahead and not have to build and rebuild because the implementation you have doesn't meet your goals or because you just wanted to try and see if you could build it

You can let me know if you would like to contribute to the project, or you can just fork it and work on it on your own