@Ayyubiy90
Submitted
@minnaingkoko
@Ayyubiy90
Submitted
@minnaingkoko
Posted
Well Done!
Marked as helpful
@OGShawnLee
Submitted
What's going on? Shawn here with another challenge. This was a cool project since I used my own headless component library from npm to quickly create the popover. All state and accessibility is managed by itself so that all I do is worry about styling. The animations are all from Svelte, no need to install complex and large libraries!
Thanks for feedback/viewing. Have a great one.
@minnaingkoko
Posted
Good job!
@vanderms
Submitted
What are you most proud of, and what would you do differently next time?
Due to work, the only thing I've been seeing for the past eighteen months are systems built with Spring Boot + Angular + Angular Material and SCSS.
To be honest, I had doubts about whether I still knew how Tailwind worked. Tailwind, which had long been my preferred method for styling.
As for the project, my idea was basically to get a general idea of folder organization in SvelteKit and understand basic things like 1) where to place assets; 2) how folders work; 3) how to deploy; 4) how TypeScript works.
I ended up having trouble with deployment + TypeScript because the version of TypeScript/ESLint was incompatible with the most updated version of Node on Cloudflare. I simply uninstalled everything related to ESLint, but I would be happy to know if there was an alternative.
@minnaingkoko
Posted
You are the best!
@JuanRamirez2000
Submitted
@minnaingkoko
Posted
Great job!
@ranieto
Submitted
@minnaingkoko
Posted
Well Done!
@mikedsousa
Submitted
@minnaingkoko
Posted
Nice work!
@farahrlicir
Submitted
@minnaingkoko
Posted
Good job!
@yutinglia
Submitted
What are you most proud of, and what would you do differently next time?
I proud to try something new (Tailwind CSS and Svelte 5)
What challenges did you encounter, and how did you overcome them?
What specific areas of your project would you like help with?
Any help will be appreciated :)
@minnaingkoko
Posted
I love svelte too! I want you to try sveltekit next! You doing great!
@hadil-rjb
Submitted
What are you most proud of, and what would you do differently next time?
I am particularly proud of the visual appeal and simplicity of the user interface for this QR code component. Using TailwindCSS allowed me to quickly set up a clean and responsive layout. The utility classes made the styling process much smoother compared to traditional CSS methods.
What challenges did you encounter, and how did you overcome them?
One of the main challenges was vertically and horizontally centering the QR code component within a card, while ensuring the card itself remains responsive and centered on the page. Using TailwindCSS, I overcame this challenge by applying utility classes like flex
, justify-center
, items-center
, and min-h-screen
to effectively center the content.
@minnaingkoko
Posted
Keep up the work! You are doing great!
@KyleIsaacMendoza
Submitted
I still find it difficult to build responsive and still need a bit of practice but someday i'll get the hang of it. I'm unsure on some CSS lines like If it's better to use grid on it or just do it manually. If there is anything I can improve, I'm glad to change it.
@minnaingkoko
Posted
Great Job! Keep going.
Marked as helpful