Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Landing Page Hero Section in 59 lines of code!

#svelte
Shawn Lee 560

@OGShawnLee


Design comparison


SolutionDesign

Solution retrospective


Yooo Shawn here with yet another one to add to the list. This one took only 59 lines of code to build everything, both HTML and CSS. Svelte + WindiCSS prevent having to read through tons of different files.

Thanks for viewing/feedback. Hope you guys are doing great. Have an awesome day and never give up. Peace out!

Community feedback

@Programming-School-Pro-Coding

Posted

Hi Sir

That's Amazing

But I have some suggestions: In my opinion The Social Links Hover must change the background color to be white #fff In my opinion remove the shadows of the register button

In All screen sizes the website is great

I have some questions too: Why do you use svelte js when you can make it using react js ?

Marked as helpful

1

Shawn Lee 560

@OGShawnLee

Posted

@Programming-School-Pro-Coding

Hey thanks mate! I really appreciate it.

Well If I remember correctly the design images had the buttons being pinkish while hovering, although I think having them become white would not look bad, I will check it out! About the button shadow, I barely notice the shadow, does it look bad in your browser or your device? or you suggest a flat design? It actually makes sense to have a flat design, I will try it out!

Oh boi I used React like a year ago, I was a complete beginner so I didnt know better, it was like the only option I had so I loved it! I even built some projects trying to imitate it with vanilla TypeScript.

However... what killed it was having to install many libraries, half the time I was comparing and searching libraries, reading through those libraries documentations and having to check their updates and know if something would break my code. I also quickly started to hate JSX and all React syntax to be honest, and even more If you add TypeScript, the code ended up being huge and complex :'/

Then Svelte came into view and it was so much more beautiful and simpler, I have to type about 40% less code, it even produces way faster code and smaller bundle sizes, so the user has a better experience in your website. The problem of installing libraries? It has built-in transitions, animations and state-management. After I built my own component library for Svelte I feel like there is no coming back.

Hope this answers your question and in no way I intended to offend anyone who likes React. Again thanks for replying! Really appreciate it. Best wishes, sir.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord