@Ayyubiy90Submitted 4 months ago
Min Naing Ko Ko
@minnaingkokoAll comments
- @OGShawnLeeSubmitted over 2 years ago
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.
- @vandermsSubmitted 8 months agoWhat 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.
- @JuanRamirez2000Submitted about 1 year ago
- @ranietoSubmitted about 1 year ago
- @mikedsousaSubmitted 4 months ago
- @farahrlicirSubmitted 4 months ago
- @yutingliaSubmitted 7 months agoWhat 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?Any help will be appreciated :)
@minnaingkokoPosted 4 months agoI love svelte too! I want you to try sveltekit next! You doing great!
0 - @hadil-rjbSubmitted 4 months agoWhat 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, andmin-h-screento effectively center the content. - @KyleIsaacMendozaSubmitted over 1 year ago
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.
