From a3e3867969bac4b82d3e0c612afd9881dd244faa Mon Sep 17 00:00:00 2001 From: Fernando Date: Thu, 8 May 2025 18:45:09 -0400 Subject: [PATCH 01/14] create course card --- src/components/ui/CourseCard.tsx | 18 ++++++++++++++++++ 1 file changed, 18 insertions(+) create mode 100644 src/components/ui/CourseCard.tsx diff --git a/src/components/ui/CourseCard.tsx b/src/components/ui/CourseCard.tsx new file mode 100644 index 0000000..121e082 --- /dev/null +++ b/src/components/ui/CourseCard.tsx @@ -0,0 +1,18 @@ +type CourseCardProps = { + name: string; + code: string; + imageUrl: string; + }; + + export default function CourseCard({ name, code, imageUrl }: CourseCardProps) { + return ( +
+ {name} +
+

{name}

+

{code}

+
+
+ ); + } + \ No newline at end of file From 213896d00ff891e4edbee5a1a889a028e6862028 Mon Sep 17 00:00:00 2001 From: Fernando Date: Thu, 8 May 2025 18:58:53 -0400 Subject: [PATCH 02/14] mock courses/add request courses --- src/app/courses/page.tsx | 60 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 54 insertions(+), 6 deletions(-) diff --git a/src/app/courses/page.tsx b/src/app/courses/page.tsx index f8f1e3f..feb23c5 100644 --- a/src/app/courses/page.tsx +++ b/src/app/courses/page.tsx @@ -1,10 +1,58 @@ -export default function Courses() { - // Will show all courses avaible as cards - // You can click on each course to navigate to courses/:id (need authentiction) +import Link from "next/link"; +import CourseCard from "~/components/ui/CourseCard"; +const courses = [ + { + name: "Calculus I", + code: "MATH101", + imageUrl: "/images/calculus.jpg", + }, + { + name: "Introduction to Programming", + code: "CS100", + imageUrl: "/images/programming.jpg", + }, + { + name: "Physics I", + code: "PHYS101", + imageUrl: "/images/physics.jpg", + },{ + name: "Physics I", + code: "PHYS101", + imageUrl: "/images/physics.jpg", + },{ + name: "Physics I", + code: "PHYS101", + imageUrl: "/images/physics.jpg", + },{ + name: "Physics I", + code: "PHYS101", + imageUrl: "/images/physics.jpg", + }, +]; + +export default function CoursesPage() { return ( -
-

Courses

-
+
+

Courses

+ +
+ {courses.map((course) => ( + + ))} +
+ +
+

Don't see your course?

+ + Request a Course + +
+
); } From 2a1b4bfd4a3974e9e3e5428f28ff475b9ee275d3 Mon Sep 17 00:00:00 2001 From: Fernando Date: Thu, 8 May 2025 19:22:52 -0400 Subject: [PATCH 03/14] add basic form to req courses --- src/app/request-course/page.tsx | 69 +++++++++++++++++++++++++++++++++ 1 file changed, 69 insertions(+) create mode 100644 src/app/request-course/page.tsx diff --git a/src/app/request-course/page.tsx b/src/app/request-course/page.tsx new file mode 100644 index 0000000..01803e5 --- /dev/null +++ b/src/app/request-course/page.tsx @@ -0,0 +1,69 @@ + +export default function RequestCourse() { + return ( +
+ {/* Page Title */} +

Request a New Course

+ + {/* Instructions */} +

+ Please fill out the form below to request a new course. Our team will review your submission and add it to the list if approved. +

+ + {/* Form */} +
+ {/* Course Name */} +
+ + +
+ + {/* Course Code */} +
+ + +
+ + {/* Course Description */} +
+ +