backend/src/db/seeders/20231127130745-sample-data.js

@@ -43,6 +43,16 @@ const AnalyticsData = [
 
     instructor_performance: 90,
   },
+
+  {
+    // type code here for "relation_one" field
+
+    student_engagement: 70,
+
+    completion_rate: 75,
+
+    instructor_performance: 78,
+  },
 ];
 
 const CoursesData = [
@@ -76,6 +86,17 @@ const CoursesData = [
 
     // type code here for "relation_many" field
   },
+
+  {
+    title: 'Business Management',
+
+    description:
+      'Understand the fundamentals of managing a business effectively.',
+
+    // type code here for "relation_many" field
+
+    // type code here for "relation_many" field
+  },
 ];
 
 const DiscussionBoardsData = [
@@ -102,6 +123,14 @@ const DiscussionBoardsData = [
 
     // type code here for "relation_many" field
   },
+
+  {
+    // type code here for "relation_one" field
+
+    topic: 'Business Strategies',
+
+    // type code here for "relation_many" field
+  },
 ];
 
 const EnrollmentsData = [
@@ -113,6 +142,14 @@ const EnrollmentsData = [
     payment_status: 'Failed',
   },
 
+  {
+    // type code here for "relation_one" field
+
+    // type code here for "relation_one" field
+
+    payment_status: 'Failed',
+  },
+
   {
     // type code here for "relation_one" field
 
@@ -154,6 +191,14 @@ const InstructorsData = [
 
     // type code here for "relation_many" field
   },
+
+  {
+    first_name: 'Michael',
+
+    last_name: 'Johnson',
+
+    // type code here for "relation_many" field
+  },
 ];
 
 const StudentsData = [
@@ -180,6 +225,14 @@ const StudentsData = [
 
     // type code here for "relation_many" field
   },
+
+  {
+    first_name: 'David',
+
+    last_name: 'Williams',
+
+    // type code here for "relation_many" field
+  },
 ];
 
 // Similar logic for "relation_many"
@@ -217,6 +270,17 @@ async function associateAnalyticWithCourse() {
   if (Analytic2?.setCourse) {
     await Analytic2.setCourse(relatedCourse2);
   }
+
+  const relatedCourse3 = await Courses.findOne({
+    offset: Math.floor(Math.random() * (await Courses.count())),
+  });
+  const Analytic3 = await Analytics.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Analytic3?.setCourse) {
+    await Analytic3.setCourse(relatedCourse3);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -256,6 +320,17 @@ async function associateDiscussionBoardWithCourse() {
   if (DiscussionBoard2?.setCourse) {
     await DiscussionBoard2.setCourse(relatedCourse2);
   }
+
+  const relatedCourse3 = await Courses.findOne({
+    offset: Math.floor(Math.random() * (await Courses.count())),
+  });
+  const DiscussionBoard3 = await DiscussionBoards.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (DiscussionBoard3?.setCourse) {
+    await DiscussionBoard3.setCourse(relatedCourse3);
+  }
 }
 
 // Similar logic for "relation_many"
@@ -293,6 +368,17 @@ async function associateEnrollmentWithStudent() {
   if (Enrollment2?.setStudent) {
     await Enrollment2.setStudent(relatedStudent2);
   }
+
+  const relatedStudent3 = await Students.findOne({
+    offset: Math.floor(Math.random() * (await Students.count())),
+  });
+  const Enrollment3 = await Enrollments.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Enrollment3?.setStudent) {
+    await Enrollment3.setStudent(relatedStudent3);
+  }
 }
 
 async function associateEnrollmentWithCourse() {
@@ -328,6 +414,17 @@ async function associateEnrollmentWithCourse() {
   if (Enrollment2?.setCourse) {
     await Enrollment2.setCourse(relatedCourse2);
   }
+
+  const relatedCourse3 = await Courses.findOne({
+    offset: Math.floor(Math.random() * (await Courses.count())),
+  });
+  const Enrollment3 = await Enrollments.findOne({
+    order: [['id', 'ASC']],
+    offset: 3,
+  });
+  if (Enrollment3?.setCourse) {
+    await Enrollment3.setCourse(relatedCourse3);
+  }
 }
 
 // Similar logic for "relation_many"

frontend/src/components/WebPageComponents/Footer.tsx

@@ -20,7 +20,7 @@ export default function WebSiteFooter({
 
   const style = FooterStyle.WITH_PROJECT_NAME;
 
-  const design = FooterDesigns.DESIGN_DIVERSITY;
+  const design = FooterDesigns.DEFAULT_DESIGN;
 
   return (
     <div

frontend/src/components/WebPageComponents/Header.tsx

@@ -21,7 +21,7 @@ export default function WebSiteHeader({
 
   const style = HeaderStyle.PAGES_RIGHT;
 
-  const design = HeaderDesigns.DESIGN_DIVERSITY;
+  const design = HeaderDesigns.DEFAULT_DESIGN;
   return (
     <header id='websiteHeader' className='overflow-hidden'>
       <div

frontend/src/pages/login.tsx

@@ -50,7 +50,7 @@ export default function Login() {
     remember: true,
   });
 
-  const title = 'test3';
+const title = 'Welcome';
 
   // Fetch Pexels image/video
   useEffect(() => {
@@ -191,32 +191,10 @@ export default function Login() {
           <div className='flex items-center justify-center flex-col space-y-4 w-full lg:w-full'>
             <CardBox id='loginRoles' className='w-full md:w-3/5 lg:w-2/3'>
               <Link href={'/home'}>
-                <h2 className='text-4xl font-semibold my-4'> test3</h2>
+                <h2 className='text-4xl font-semibold my-4'> Welcome</h2>
               </Link>
 
               <div className='flex flex-row text-gray-500 justify-between'>
-                <div>
-                  <p className='mb-2'>
-                    Use{' '}
-                    <code
-                      className={`cursor-pointer ${textColor} `}
-                      onClick={(e) => setLogin(e.target)}
-                    >
-                      admin@flatlogic.com
-                    </code>{' '}
-                    to login as Admin
-                  </p>
-                  <p>
-                    Use{' '}
-                    <code
-                      className={`cursor-pointer ${textColor} `}
-                      onClick={(e) => setLogin(e.target)}
-                    >
-                      client@hello.com
-                    </code>{' '}
-                    to login as User
-                  </p>
-                </div>
                 <div>
                   <BaseIcon
                     className={`${iconsColor}`}
@@ -236,26 +214,7 @@ export default function Login() {
                 onSubmit={(values) => handleSubmit(values)}
               >
                 <Form>
-                  <FormField label='Login' help='Please enter your login'>
-                    <Field name='email' />
-                  </FormField>
 
-                  <FormField label='Password' help='Please enter your password'>
-                    <Field name='password' type='password' />
-                  </FormField>
-
-                  <div className={'flex justify-between'}>
-                    <FormCheckRadio type='checkbox' label='Remember'>
-                      <Field type='checkbox' name='remember' />
-                    </FormCheckRadio>
-
-                    <Link
-                      className={`${textColor} text-blue-600`}
-                      href={'/forgot'}
-                    >
-                      Forgot password?
-                    </Link>
-                  </div>
 
                   <BaseDivider />