Build a Website from Scratch with Kotlin and Jetpack Compose

Download the cobweb binary from the GitHub repository, install Java 11, and update your path and Java home to run the cobweb server from IntelliJ; verify by checking cobweb version.

Create your first main section in Kotlin with Jetpack Compose, add a full-size background image, and layer a header, text, and controls using a box composable.

Create a header component in Kotlin with Jetpack Compose, featuring a left logo and mobile menu, plus a right navigation row for six sections defined by a section enum.

Create a responsive social bar as a Kotlin Jetpack Compose component. Include four icons (Facebook, Twitter, Instagram, LinkedIn) with hover color transitions and open links in a new tab.

Create a static skill bar component in Kotlin Jetpack Compose for the about me section, showing a skill name and a percentage progress bar with gray base and green overlay.

Implement portfolio navigation in a Kotlin Jetpack Compose project with left and right arrows that scroll portfolio row by 325 pixels, featuring hover color transitions and a shared arrow style.

Create an achievement card component in a Kotlin and Jetpack Compose section, modeling achievements with icon, number, and description, then display them in a responsive grid over a colored background.

Move the rating bar to the bottom of the text block to ensure consistent widths across screen sizes and set a max width of 500.

Design a reusable work experience card component in Kotlin and Jetpack Compose, building an experience section with description, details, and an active current position in a responsive grid.

Learn to build a contact form that sends emails with Formspree, connect labels to inputs using for attributes, and configure form action, post method, and name attributes to capture submissions.