feat: Some layout improvements, add experience

Author: nsh07

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/ui/AppScreen.kt

@@ -42,6 +42,15 @@ fun AppScreen(modifier: Modifier = Modifier) {
 
     val experiences = remember {
         listOf(
+            Experience(
+                start = "Aug 2025",
+                end = "Present",
+                position = "Open Source Lead",
+                description = "Perform the role of Open Source Lead of the Development Club. Helped successfully organise OPCODE (Open Source Fest) 2025.",
+                company = "DevC, IIIT Bhagalpur",
+                companyUrl = "https://gymkhana.iiitbh.ac.in/technical/",
+                skills = listOf()
+            ),
             Experience(
                 start = "May",
                 end = "June 2025",
@@ -71,13 +80,13 @@ fun AppScreen(modifier: Modifier = Modifier) {
             )
             Spacer(Modifier.height(4.dp))
             Text(
-                "Mobile app developer",
+                "App developer",
                 style = typography.titleLarge,
                 color = colorScheme.onSurface
             )
             Spacer(Modifier.height(20.dp))
             Text(
-                "I build performant, beautiful apps for mobile phones.",
+                "I build performant, beautiful apps for mobile and desktop.",
                 style = typography.bodyLarge,
                 color = colorScheme.onSurfaceVariant,
                 modifier = Modifier.widthIn(max = 320.dp)
@@ -154,31 +163,31 @@ fun AppScreen(modifier: Modifier = Modifier) {
             contentPadding = PaddingValues(vertical = 96.dp),
             modifier = Modifier.fillMaxHeight().weight(1.1f)
         ) {
-            items(paragraphs) {
+            items(paragraphs, key = { it.substring(0, 16) }) {
                 Text(
                     it,
                     style = typography.bodyLarge,
                     color = colorScheme.onSurfaceVariant,
                     modifier = Modifier.padding(start = cardPadding, bottom = 16.dp, end = cardPadding)
                 )
             }
-            item { Spacer(Modifier.height(112.dp)) }
-            items(experiences) {
-                ExperienceCard(experience = it, cardPadding = cardPadding)
+            item("experience spacer") { Spacer(Modifier.height(112.dp)) }
+            items(experiences, key = { it.start }) {
+                ExperienceCard(experience = it, cardPadding = cardPadding, modifier = Modifier.padding(bottom = 32.dp))
             }
-            item {
+            item("linkedin link text") {
                 Row(
                     verticalAlignment = Alignment.CenterVertically,
                     modifier = Modifier
-                        .padding(start = cardPadding, top = 32.dp)
+                        .padding(start = cardPadding)
                         .clickable { uriHandler.openUri("https://www.linkedin.com/in/nsh07/") }
                 ) {
                     Text("View LinkedIn Profile ", style = typography.bodyLarge, fontWeight = FontWeight.SemiBold)
                     Icon(painterResource(Res.drawable.open_in_browser), null, Modifier.size(16.dp))
                 }
                 Spacer(Modifier.height(112.dp))
             }
-            item {
+            item("work in progress") {
                 Column(
                     horizontalAlignment = Alignment.CenterHorizontally,
                     verticalArrangement = Arrangement.Center,
@@ -193,8 +202,8 @@ fun AppScreen(modifier: Modifier = Modifier) {
                     Text("Work in progress", style = typography.headlineSmall)
                 }
             }
-            item { Spacer(Modifier.height(112.dp)) }
-            item {
+            item("tech stack spacer") { Spacer(Modifier.height(112.dp)) }
+            item("tech stack") {
                 Row(
                     verticalAlignment = Alignment.CenterVertically,
                     modifier = Modifier.padding(horizontal = cardPadding)

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/ui/ExperienceCard.kt

@@ -46,7 +46,7 @@ fun ExperienceCard(
                 remember { "${experience.start} $mdash ${experience.end}".toUpperCase(Locale.current) },
                 style = typography.labelMedium,
                 color = colorScheme.outline,
-                modifier = Modifier.padding(vertical = 4.dp).weight(1f)
+                modifier = Modifier.padding(top = 4.dp, end = 16.dp).weight(1f)
             )
             Column(Modifier.weight(3f)) {
                 FlowRow(itemVerticalAlignment = Alignment.CenterVertically) {
@@ -65,7 +65,7 @@ fun ExperienceCard(
                     color = colorScheme.onSurfaceVariant,
                     modifier = Modifier.padding(top = 8.dp)
                 )
-                LabelRow(experience.skills, Modifier.padding(top = 16.dp))
+                if (experience.skills.isNotEmpty()) LabelRow(experience.skills, Modifier.padding(top = 16.dp))
             }
         }
     }

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/ui/ProjectCard.kt

@@ -44,7 +44,7 @@ fun ProjectCard(
                 model = projectImageUri,
                 contentDescription = null,
                 contentScale = ContentScale.Crop,
-                modifier = Modifier.weight(1f)
+                modifier = Modifier.padding(end = 16.dp).weight(1f)
             )
             Column(Modifier.weight(3f)) {
                 FlowRow(itemVerticalAlignment = Alignment.CenterVertically) {