Thanks to Stevdza-San's course (mentioned on the 26th of March ↑), a handful of people are finishing...

# kobweb

[David Herman]

Thanks to Stevdza-San's course (mentioned on the 26th of March ↑), a handful of people are finishing their own landing pages now. I have the worst graphic design skills, so it's amazing and gratifying to have my own bland samples surpassed so quickly. One user recently shared their portfolio page, featuring really clean graphics, animated components, hover interactions, and a responsive design.

In case anyone was curious what was being accomplished right now with Kobweb!

[Jan Kusý]

Nicely done! @David Herman Currently I’ve been working on my personal project - of course based on kobweb - and this site has so many interesting features that would help me speed up development. Is there any chance to get to the source code for inspiration? 🙏 Thanks and have a nice day.

[David Herman]

I didn't make that portfolio page! I'll ask the person who created it if it's open source and get back to you.

The code for the site Stevdza-San wrote in his course is here: https://github.com/stevdza-san/LandingPageCompose

And finally, both of these are not as fancy as the pages above, but https://kobweb.varabyte.com/ is my site and has a link to the source code. As does my blog site https://bitspittle.dev/

Good luck and let me know if you have any questions!

[David Herman]

Also, my understanding is that that user found a sample page that used TS + React and converted it over to Kotlin + C4W

[David Herman]

The portfolio repo is https://github.com/dead8309/kobweb-portfolio

[ayodele]

@David Herman how's handling mobile and web. Basically responsiveness, do I have to create different components for different screen size?

[David Herman]

@ayodele take a look at https://github.com/varabyte/kobweb#breakpoints

With Kobweb, you can either style your components to change based on screen size OR if you really need to diverge, you can use its provided rememberBreakpoint helper method (which isn't documented yet in the README, but looks like

val bp = rememberBreakpoint()
if (bp < <http://Breakpoint.SM|Breakpoint.SM>) {
  MobileScreen()
} else {
  DesktopScreen()
}

)

[Jan Kusý]

@David Herman Thanks for you response. I know that you do not created that page. I was just curious. If you get response from the creator I will be happy otherwise I will have to do on my own 😄. By the way. Kobweb rocks 🎉 If I’ll finish my project I’ll give you know. 🚀

[David Herman]

Look at the dead8309 portfolio link above. That's theirs!

[David Herman]

I'm glad you're having fun with Kobweb. Please let me know how it goes!