feat: Some fine tuning

Author: nsh07

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/network/GitHubApiClient.kt

@@ -23,7 +23,7 @@ class GitHubApiClient(
                 parameter("q", "user:$username")
                 parameter("sort", "stars")
                 parameter("order", "desc")
-                parameter("per_page", "5")
+                parameter("per_page", "3")
             }
         } catch (_: UnresolvedAddressException) {
             return Result.Error(NetworkError.NO_INTERNET)

composeApp/src/wasmJsMain/kotlin/org/nsh07/nsh07/ui/homeScreen/AppHomeScreen.kt

@@ -185,7 +185,7 @@ fun AppHomeScreen(
                         .padding(start = cardPadding)
                         .clickable { uriHandler.openUri("https://www.linkedin.com/in/nsh07/") }
                 ) {
-                    Text("View LinkedIn Profile ", style = typography.bodyLarge, fontWeight = FontWeight.SemiBold)
+                    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))
@@ -194,10 +194,21 @@ fun AppHomeScreen(
                 ProjectCard(
                     project = it,
                     cardPadding = cardPadding,
-                    projectImageUri = "",
                     modifier = Modifier.padding(bottom = 32.dp)
                 )
             }
+            item("github link text") {
+                Row(
+                    verticalAlignment = Alignment.CenterVertically,
+                    modifier = Modifier
+                        .padding(start = cardPadding)
+                        .clickable { uriHandler.openUri("https://github.com/nsh07") }
+                ) {
+                    Text("View all projects on GitHub ", style = typography.bodyLarge, fontWeight = FontWeight.SemiBold)
+                    Icon(painterResource(Res.drawable.open_in_browser), null, Modifier.size(16.dp))
+                }
+                Spacer(Modifier.height(112.dp))
+            }
             item("work in progress") {
                 Column(
                     horizontalAlignment = Alignment.CenterHorizontally,

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

@@ -4,6 +4,7 @@ import androidx.compose.foundation.background
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme.colorScheme
 import androidx.compose.material3.MaterialTheme.shapes
@@ -27,6 +28,7 @@ import org.jetbrains.compose.resources.painterResource
 import kotlin.text.Typography.bullet
 import kotlin.text.Typography.mdash
 
+@OptIn(ExperimentalMaterial3ExpressiveApi::class)
 @Composable
 fun ExperienceCard(
     experience: Experience,
@@ -38,7 +40,7 @@ fun ExperienceCard(
 
     Box(
         modifier
-            .clip(shapes.large)
+            .clip(shapes.largeIncreased)
             .clickable { uriHandler.openUri(experience.companyUrl) }
     ) {
         Row(Modifier.fillMaxWidth().padding(cardPadding)) {

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

@@ -1,7 +1,10 @@
 package org.nsh07.nsh07.ui.homeScreen
 
+import androidx.compose.foundation.border
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.layout.*
+import androidx.compose.material3.CircularWavyProgressIndicator
+import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme.colorScheme
 import androidx.compose.material3.MaterialTheme.shapes
@@ -23,28 +26,38 @@ import nsh07.composeapp.generated.resources.star
 import org.jetbrains.compose.resources.painterResource
 import org.nsh07.nsh07.network.Repo
 
+@OptIn(ExperimentalMaterial3ExpressiveApi::class)
 @Composable
 fun ProjectCard(
     project: Repo,
     cardPadding: Dp,
-    projectImageUri: String,
     modifier: Modifier = Modifier,
-    projectDescription: String? = null
+    imageUri: String? = null,
+    description: String? = null,
 ) {
     val colorScheme = colorScheme
     val uriHandler = LocalUriHandler.current
 
     Box(
         modifier
-            .clip(shapes.large)
+            .clip(shapes.largeIncreased)
             .clickable { uriHandler.openUri(project.htmlUrl) }
     ) {
         Row(Modifier.fillMaxWidth().padding(cardPadding)) {
             SubcomposeAsyncImage(
-                model = projectImageUri,
+                model = imageUri
+                    ?: "https://raw.githubusercontent.com/${project.fullName}/refs/heads/main/fastlane/metadata/android/en-US/images/featureGraphic.png",
                 contentDescription = null,
                 contentScale = ContentScale.Crop,
-                modifier = Modifier.padding(end = 16.dp).weight(1f)
+                modifier = Modifier.padding(top = 4.dp, end = 16.dp).weight(1f).clip(shapes.large),
+                loading = {
+                    Box(Modifier.fillMaxWidth().aspectRatio(2f)) {
+                        CircularWavyProgressIndicator(Modifier.align(Alignment.Center))
+                    }
+                },
+                error = {
+                    Box(Modifier.fillMaxWidth().aspectRatio(2f).border(1.dp, colorScheme.outline, shapes.large))
+                }
             )
             Column(Modifier.weight(3f)) {
                 FlowRow(itemVerticalAlignment = Alignment.CenterVertically) {
@@ -56,7 +69,7 @@ fun ProjectCard(
                     )
                 }
                 Text(
-                    projectDescription ?: project.description,
+                    description ?: project.description,
                     style = typography.bodyMedium,
                     color = colorScheme.onSurfaceVariant,
                     modifier = Modifier.padding(top = 8.dp)