diff --git a/app/src/main/kotlin/com/intelligentbackpack/app/view/SchoolSupplies.kt b/app/src/main/kotlin/com/intelligentbackpack/app/view/SchoolSupplies.kt
new file mode 100644
index 00000000..58e670c0
--- /dev/null
+++ b/app/src/main/kotlin/com/intelligentbackpack/app/view/SchoolSupplies.kt
@@ -0,0 +1,64 @@
+package com.intelligentbackpack.app.view
+
+import androidx.compose.foundation.layout.Box
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.lazy.LazyColumn
+import androidx.compose.foundation.shape.CornerSize
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.Add
+import androidx.compose.material3.FloatingActionButton
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import androidx.navigation.NavHostController
+import androidx.navigation.compose.rememberNavController
+import com.intelligentbackpack.app.ui.navigation.MainNavigation
+
+@Composable
+fun SchoolSupplies(
+    navController: NavHostController,
+) {
+    Box(modifier = Modifier.fillMaxSize()) {
+        LazyColumn(
+            modifier = Modifier.fillMaxSize(),
+        ) {
+            item {
+                Box(modifier = Modifier.fillMaxWidth()) {
+                    Text(text = "School Supplies")
+                }
+            }
+        }
+        FloatingActionButton(
+            modifier = Modifier
+                .padding(all = 16.dp)
+                .align(alignment = Alignment.BottomEnd),
+            shape = MaterialTheme.shapes.small.copy(CornerSize(percent = 50)),
+            containerColor = MaterialTheme.colorScheme.primary,
+            contentColor = MaterialTheme.colorScheme.background,
+            onClick = {
+                navController.navigate(MainNavigation.schoolSupply(null))
+            }
+        ) {
+            Icon(imageVector = Icons.Filled.Add, contentDescription = "Add")
+        }
+    }
+}
+
+@Preview
+@Composable
+fun SchoolSuppliesPreview() {
+    Surface(
+        modifier = Modifier.fillMaxSize(),
+        color = MaterialTheme.colorScheme.background
+    ) {
+        SchoolSupplies(navController = rememberNavController())
+    }
+}
\ No newline at end of file