QuickStyle

QuickStyle in action!
list of tailwind class dropdowns
update the text and create child elements, also able to add attributes to the element
drop downs for easy class selection
display the tailwind classes on the selected element
Highlight the currently selected element

Inspiration

c++ reflections to edit struct variables in real time like in unity and unreal engine

What it does

live website editor in the browser that updates your code for you

How we built it

using react components and a backend server to write the changes to file

Challenges we ran into

merge conflicts different operating systems sleep deprivation

Accomplishments that we're proud of

making persistent changes to our code through our style editor learning how to make an importable package for other developer projects

What we learned

taking your time while developing is better than rushing through to get to the finished product communication is a great skill to help reduce the number of merge conflicts and misunderstandings