diff --git a/src/components/generator/Dialogs/RenameBlockedSlotDialog.jsx b/src/components/generator/Dialogs/RenameBlockedSlotDialog.jsx
index 88ce805..2864ce1 100644
--- a/src/components/generator/Dialogs/RenameBlockedSlotDialog.jsx
+++ b/src/components/generator/Dialogs/RenameBlockedSlotDialog.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef } from "react";
+import { useState, useEffect, useRef } from "react";
import { cn } from "@/lib/utils";
import {
Popover,
diff --git a/src/components/generator/Export/ExportAsComponent.jsx b/src/components/generator/Export/ExportAsComponent.jsx
index 7e2d99e..a7c1a1c 100644
--- a/src/components/generator/Export/ExportAsComponent.jsx
+++ b/src/components/generator/Export/ExportAsComponent.jsx
@@ -1,8 +1,4 @@
-import * as React from "react";
-import KeyboardArrowDownIcon from "@mui/icons-material/KeyboardArrowDown";
-import ImageIcon from "@mui/icons-material/Image";
-import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
-import TableChartIcon from "@mui/icons-material/TableChart";
+import { ChevronDown, FileImage, FileText, Table } from "lucide-react";
import { Button } from "@/components/ui/button";
import {
DropdownMenu,
@@ -35,20 +31,20 @@ export default function ExportAsComponent() {
-
-
-
Excel Sheet
diff --git a/src/components/generator/Export/ExportCalendarButton.jsx b/src/components/generator/Export/ExportCalendarButton.jsx
index 098c78e..00c91b7 100644
--- a/src/components/generator/Export/ExportCalendarButton.jsx
+++ b/src/components/generator/Export/ExportCalendarButton.jsx
@@ -1,4 +1,4 @@
-import React, { useMemo, useState } from "react";
+import { useMemo, useState } from "react";
import { Button } from "@/components/ui/button";
import { exportCal } from "@/lib/generator/ExportCal.js";
import { getVisibleTimetables } from "@/components/generator/Calendar/utils/calendarViewUtils.js";
diff --git a/src/components/generator/Forms/CourseList/CourseList.jsx b/src/components/generator/Forms/CourseList/CourseList.jsx
index 238f091..ff59a78 100644
--- a/src/components/generator/Forms/CourseList/CourseList.jsx
+++ b/src/components/generator/Forms/CourseList/CourseList.jsx
@@ -1,4 +1,3 @@
-import React from "react";
import CourseListComponent from "./CourseListComponent";
import BorderBox from "../../UI/BorderBox";
diff --git a/src/components/generator/Forms/CourseList/CourseListComponent.jsx b/src/components/generator/Forms/CourseList/CourseListComponent.jsx
index 015eac1..9daa4f0 100644
--- a/src/components/generator/Forms/CourseList/CourseListComponent.jsx
+++ b/src/components/generator/Forms/CourseList/CourseListComponent.jsx
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import { useContext } from "react";
import CourseListItemComponent from "./CourseListItemComponent";
import { CourseDetailsContext } from "@/lib/contexts/generator/CourseDetailsContext";
diff --git a/src/components/generator/Forms/CourseList/CourseListItemComponent.jsx b/src/components/generator/Forms/CourseList/CourseListItemComponent.jsx
index c6312ff..8fd1fa1 100644
--- a/src/components/generator/Forms/CourseList/CourseListItemComponent.jsx
+++ b/src/components/generator/Forms/CourseList/CourseListItemComponent.jsx
@@ -1,9 +1,6 @@
import React, { useContext, useEffect } from "react";
-import ExpandLess from "@mui/icons-material/ExpandLess";
-import ExpandMore from "@mui/icons-material/ExpandMore";
-import DeleteIcon from "@mui/icons-material/Delete";
+import { ChevronDown, ChevronUp, Palette, Trash2 } from "lucide-react";
import { CourseColorsContext } from "@/lib/contexts/generator/CourseColorsContext";
-import ColorLensIcon from "@mui/icons-material/ColorLens";
import { clearCoursePins } from "@/lib/generator/pinnedComponents";
import { Button } from "@/components/ui/button";
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
@@ -90,7 +87,7 @@ export default function CourseListComponent({
onClick={(e) => e.stopPropagation()}
style={{ backgroundColor: currentColor }}
>
-
diff --git a/src/components/generator/Forms/InputFormBottomComponent.jsx b/src/components/generator/Forms/InputFormBottomComponent.jsx
index 69155d1..da5ca0a 100644
--- a/src/components/generator/Forms/InputFormBottomComponent.jsx
+++ b/src/components/generator/Forms/InputFormBottomComponent.jsx
@@ -1,9 +1,5 @@
-import React from "react";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid";
import CourseList from "./CourseList/CourseList";
import PerformanceMetrics from "./Settings/PerformanceMetrics";
-import Tips from "./Settings/Tips";
import ExportOptions from "./Settings/ExportOptions";
import { removeCourseData } from "@/lib/generator/courseData";
import { removePinnedComponent } from "@/lib/generator/pinnedComponents";
@@ -30,28 +26,16 @@ export default function InputFormBottomComponent({
};
return (
-
+
);
}
diff --git a/src/components/generator/Forms/InputFormTopComponent.jsx b/src/components/generator/Forms/InputFormTopComponent.jsx
index 4bfd75d..4f45e91 100644
--- a/src/components/generator/Forms/InputFormTopComponent.jsx
+++ b/src/components/generator/Forms/InputFormTopComponent.jsx
@@ -1,6 +1,4 @@
-import React, { useState, useEffect, useRef } from "react";
-import Box from "@mui/material/Box";
-import Grid from "@mui/material/Grid";
+import { useState, useEffect, useRef } from "react";
import { useSnackbar } from "notistack";
import ReactGA from "react-ga4";
@@ -213,28 +211,22 @@ export default function InputFormTop({
};
return (
-
+
);
}
diff --git a/src/components/generator/Forms/Settings/CourseOptions.jsx b/src/components/generator/Forms/Settings/CourseOptions.jsx
index f335d22..9beb46b 100644
--- a/src/components/generator/Forms/Settings/CourseOptions.jsx
+++ b/src/components/generator/Forms/Settings/CourseOptions.jsx
@@ -1,5 +1,3 @@
-import React from "react";
-import Box from "@mui/material/Box";
import TimeTableSelectComponent from "../CourseSearch/TimeTableSelectComponent";
import TermSelectComponent from "../CourseSearch/TermSelectComponent";
import CourseSearchComponent from "../CourseSearch/CourseSearchComponent";
@@ -18,19 +16,19 @@ export default function CourseOptions({
}) {
return (
+
+
+ Generation Performance
+
+ Generation Time: {formattedTime}
+
Combinations Processed:{" "}
{metrics.totalCombinationsProcessed.toLocaleString()}
-
-
+
+
Valid Timetables: {metrics.validTimetablesFound.toLocaleString()}
-
-
- Combinations/Second: {combinationsPerSecond.toLocaleString()}
-
-
+
+ Combinations/Second: {combinationsPerSecond.toLocaleString()}
+ -
-
-
+
- Pin a course section by clicking on it in the calendar. +
- + Block out a time slot by clicking and dragging over the desired time + in the calendar. + +
+
+
);
}
diff --git a/src/components/sitewide/FooterComponent.jsx b/src/components/sitewide/FooterComponent.jsx
index a767dec..0e561b2 100644
--- a/src/components/sitewide/FooterComponent.jsx
+++ b/src/components/sitewide/FooterComponent.jsx
@@ -1,4 +1,3 @@
-import React from "react";
import { Github } from "lucide-react";
import { Button } from "@/components/ui/button";
diff --git a/src/components/sitewide/MultiLineSnackbar.jsx b/src/components/sitewide/MultiLineSnackbar.jsx
index eddad44..6ca5501 100644
--- a/src/components/sitewide/MultiLineSnackbar.jsx
+++ b/src/components/sitewide/MultiLineSnackbar.jsx
@@ -1,18 +1,16 @@
-import React from "react";
import { SnackbarContent } from "notistack";
-import { Typography } from "@mui/material";
const MultiLineSnackbar = ({ message }) => {
return (
+ {children}
+
+
{message.split("\n").map((line, index) => (
{line}
))} - +
))} - +
+
-
-
+
-
+
+
+
-
+
+
+
+
-
-
-
+
+
+
+
{isBelowMedium && (
-
+
)}
-
+
+
+
+
+
+
+
+ {children}
+
+
+
+
);
}
diff --git a/src/styles/generator/Calendar.css b/src/styles/generator/Calendar.css
index 5846cde..2cd2efc 100644
--- a/src/styles/generator/Calendar.css
+++ b/src/styles/generator/Calendar.css
@@ -39,7 +39,7 @@
max-width: 100%;
}
-/* Timeline styles moved to inline Material UI styles */
+/* Timeline styles moved to inline styles */
@media (max-width: 1325px) {
.fc-event-main {
@@ -59,7 +59,7 @@
justify-content: center;
}
- #calendarNavButtons > Box {
+ #calendarNavButtons > div {
margin: 5px;
}
@@ -112,7 +112,7 @@
justify-content: center;
}
- #calendarNavButtons > Box {
+ #calendarNavButtons > div {
margin: 5px;
}
diff --git a/src/styles/generator/CustomCalendar.css b/src/styles/generator/CustomCalendar.css
index e5ea133..9ff4524 100644
--- a/src/styles/generator/CustomCalendar.css
+++ b/src/styles/generator/CustomCalendar.css
@@ -3,51 +3,51 @@
--calendar-grid-color-dark: var(--theme-outline-color);
}
-body.light-mode .fc .fc-timegrid-slot,
-body.light-mode .fc .fc-col-header-cell,
-body.light-mode .fc .fc-daygrid-day,
-body.light-mode .fc .fc-daygrid-day-frame,
-body.light-mode .fc .fc-timegrid-axis,
-body.light-mode .fc .fc-timegrid-divider,
-body.light-mode .fc .fc-timegrid-lines,
-body.light-mode .fc .fc-timegrid-bg,
-body.light-mode .fc .fc-timegrid-slots,
-body.light-mode .fc .fc-scrollgrid,
-body.light-mode .fc .fc-scrollgrid-sync-inner,
-body.light-mode .fc .fc-scrollgrid-liquid,
-body.light-mode .fc .fc-scrollgrid-section,
-body.light-mode .fc .fc-scrollgrid-section table,
-body.light-mode .fc .fc-scrollgrid-section td,
-body.light-mode .fc .fc-scrollgrid-section th {
+.fc .fc-timegrid-slot,
+.fc .fc-col-header-cell,
+.fc .fc-daygrid-day,
+.fc .fc-daygrid-day-frame,
+.fc .fc-timegrid-axis,
+.fc .fc-timegrid-divider,
+.fc .fc-timegrid-lines,
+.fc .fc-timegrid-bg,
+.fc .fc-timegrid-slots,
+.fc .fc-scrollgrid,
+.fc .fc-scrollgrid-sync-inner,
+.fc .fc-scrollgrid-liquid,
+.fc .fc-scrollgrid-section,
+.fc .fc-scrollgrid-section table,
+.fc .fc-scrollgrid-section td,
+.fc .fc-scrollgrid-section th {
border-color: var(--calendar-grid-color-light);
}
-body.dark-mode .fc .fc-timegrid-slot,
-body.dark-mode .fc .fc-col-header-cell,
-body.dark-mode .fc .fc-daygrid-day,
-body.dark-mode .fc .fc-daygrid-day-frame,
-body.dark-mode .fc .fc-timegrid-axis,
-body.dark-mode .fc .fc-timegrid-divider,
-body.dark-mode .fc .fc-timegrid-lines,
-body.dark-mode .fc .fc-timegrid-bg,
-body.dark-mode .fc .fc-timegrid-slots,
-body.dark-mode .fc .fc-scrollgrid,
-body.dark-mode .fc .fc-scrollgrid-sync-inner,
-body.dark-mode .fc .fc-scrollgrid-liquid,
-body.dark-mode .fc .fc-scrollgrid-section,
-body.dark-mode .fc .fc-scrollgrid-section table,
-body.dark-mode .fc .fc-scrollgrid-section td,
-body.dark-mode .fc .fc-scrollgrid-section th {
+.dark .fc .fc-timegrid-slot,
+.dark .fc .fc-col-header-cell,
+.dark .fc .fc-daygrid-day,
+.dark .fc .fc-daygrid-day-frame,
+.dark .fc .fc-timegrid-axis,
+.dark .fc .fc-timegrid-divider,
+.dark .fc .fc-timegrid-lines,
+.dark .fc .fc-timegrid-bg,
+.dark .fc .fc-timegrid-slots,
+.dark .fc .fc-scrollgrid,
+.dark .fc .fc-scrollgrid-sync-inner,
+.dark .fc .fc-scrollgrid-liquid,
+.dark .fc .fc-scrollgrid-section,
+.dark .fc .fc-scrollgrid-section table,
+.dark .fc .fc-scrollgrid-section td,
+.dark .fc .fc-scrollgrid-section th {
border-color: var(--calendar-grid-color-dark);
}
-body.light-mode .fc-event {
+.fc-event {
border: none;
border-radius: 3px;
box-shadow: 0 0 1px var(--calendar-grid-color-light);
}
-body.dark-mode .fc-event {
+.dark .fc-event {
border: none;
border-radius: 3px;
box-shadow: 0 0 1px var(--calendar-grid-color-dark);
diff --git a/src/styles/index.css b/src/styles/index.css
index 9e08812..4f07413 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -24,6 +24,8 @@
--destructive-foreground: 210 40% 98%;
--ring: 215 20.2% 65.1%;
--radius: 0.5rem;
+ --theme-divider-color: hsl(var(--border));
+ --theme-outline-color: hsl(var(--ring));
}
.dark {
@@ -46,6 +48,8 @@
--destructive: 0 65% 38%;
--destructive-foreground: 0 0% 98%;
--ring: 0 0% 45%;
+ --theme-divider-color: hsl(var(--border));
+ --theme-outline-color: hsl(var(--ring));
}
}
+
+
+
+
+
+
+
- const handleContextCreditsClick = () => {
- setOpenContextCredits(!openContextCredits);
- };
+ + Guide to Course Registration +
++ Welcome to the Brock Visual TimeTable! This guide will help you + learn everything you need to know about course planning & + registration at Brock University. This guide is written by + students, for students. We understand the struggles of course + registration and have created this platform to help you make the + process easier. +
++ In this guide, you will learn how to find your courses, plan + your schedule, and register for courses. This guide is designed + to be simple and easy to follow. This guide is for all students + at Brock University, including first-year students, upper-year + students, and transfer students. +
++ This guide will be running through creating a first-year + computer science co-op student's timetable. The process is + the same for all students, but the courses you need to take will + be different. +
++ The Brock Visual TimeTable is not affiliated with Brock + University. We are students who have created this tool to help + other students. We are not responsible for any errors or issues + that may arise from using this tool. Please ensure you + double-check your timetable before registering for courses. +
+
+
- const handleElectiveCreditsClick = () => {
- setOpenElectiveCredits(!openElectiveCredits);
- };
+ Requirements
++ Make sure you've{" "} + + activated + {" "} + your Brock email account at least 24 hours in advance and have + your email and password ready. You will need to log in to your + student portal to register for courses. +
+
+
-
-
-
-
-
-
- Guide to Course Registration
-
-
- Welcome to the Brock Visual TimeTable! This guide will help
- you learn everything you need to know about course planning &
- registration at Brock University. This guide is written by
- students, for students. We understand the struggles of course
- registration and have created this platform to help you make
- the process easier.
-
-
- In this guide, you will learn how to find your courses, plan
- your schedule, and register for courses. This guide is
- designed to be simple and easy to follow. This guide is for
- all students at Brock University, including first-year
- students, upper-year students, and transfer students.
-
-
- This guide will be running through creating a first-year
- computer science co-op student's timetable. The process is the
- same for all students, but the courses you need to take will
- be different.
-
-
- The Brock Visual TimeTable is not affiliated with Brock
- University. We are students who have created this tool to help
- other students. We are not responsible for any errors or
- issues that may arise from using this tool. Please ensure you
- double-check your timetable before registering for courses.
-
-
- Requirements:
-
-
- Make sure you've{" "}
-
- activated
- {" "}
- your Brock email account at least 24 hours in advance and have
- your email and password ready. You will need to log in to your
- student portal to register for courses.
-
-
- Step 1: Find Your Courses
-
-
- The first step to course registration is finding the courses
- you want to take. Go to the{" "}
-
- Brock University Course Calendar
- {" "}
- and select your year, then program from the Table of Contents.
- Scroll down to find your specific program and the courses you
- need to take. You should see something similar to the image
- below.
-
-
- 
-
-
- This is a list of all the courses you will need to take for a
- given term. Above, you can see the courses required for the
- first term of a first-year computer science co-op student.
- Let's break down everything you see here:
-
-
-
-
-
-
-
-
- The course code is a unique identifier for each
- course. Lets use COSC 1P02 as an
- example. It is made up of 4 distinct parts:
-
-
-
-
+
+
+
+
+
+
+
+
-
-
-
- Notice how some courses have AND and
- others have
- OR between them. Looking at the
- image above, you can see that
- COSC 1P02 AND COSC 1P03 are
- required. This means you must take both courses. In
- the case of these courses, COSC 1P02 is a prerequisite
- for COSC 1P03. Assuming you are a first-year student,
- you will need to take COSC 1P02 in your first term and
- COSC 1P03 in your second term.
-
-
- On the other hand,{" "}
- COSC 1P50 OR COSC 1P71 are required.
- This means you only need to take one of the two
- courses. You can choose to take COSC 1P50 or COSC 1P71
- in your first term. Both courses are not required.
-
-
-
-
-
-
-
-
- In the example above, you can see that SCIE 0N90 is a
- term-specific course. This means that you can only
- take this course in the Winter term. You will need to
- plan your schedule accordingly to ensure you can take
- this course.
-
-
- In the case of SCIE 0N90, this doesn't have much
- impact on your schedule, as this is a 0 credit course,
- that you normally take on top of your regular course
- load.
-
-
-
-
-
-
-
-
- Context credits are courses that are required to give
- you a broader understanding of different fields. At
- Brock, you need to complete 1.0 context credit in
- Humanities, Social Sciences, and Sciences. You can
- find the list of courses that fulfill these
- requirements{" "}
-
- here
-
- .
-
-
-
-
-
-
-
-
- Elective credits are courses that you can choose
- freely from any department. These allow you to explore
- other areas of interest and can be used to fulfill
- additional requirements or personal interests.
-
-
-
-
-
-
- Step 2: Create your Timetable
-
-
- Once you have found the courses you need to take, you can
- start planning your timetable. You can use the{" "}
-
- Brock Visual TimeTable
- {" "}
- to create your timetable. Simply input your courses, and the
- generator will create all possible timetables for you. You can
- then choose the timetable that works best for you.
-
-
- When adding courses to the generator, ensure that you are
- adding the course for the correct term. You can do this by
- adding D(number), where number is the term number. For fall
- and winter terms:
-
-
- The durations used for spring & summer courses are different.
- You can find the duration for each course in the{" "}
-
- timetable
-
- .
-
-
- Note: This tool is not affiliated with Brock
- University. We are students who have created this tool to help
- other students. We are not responsible for any errors or
- issues that may arise from using this tool. Please ensure you
- double-check your timetable before registering for courses.
-
-
- 
-
-
- This is an example of a timetable generated using the Brock
- Visual TimeTable. You can see I've decided to take COSC 1P02,
- COSC 1P50, MATH 1P66, and ECON 1P92 in my first term, and FILM
- 1F94 as an 8 month course. FILM 1F94 fills the context credit
- for Humanities, and ECON 1P92 fills half of the context credit
- for Social Sciences.
-
-
- You can also see that I've blocked out every day from 8:00 AM
- to 9:00 AM. This prevents the generator from scheduling any
- courses during this time. This is useful if you have other
- commitments during this time (e.g. work, volunteering, or
- sleeping in!).
-
-
- Step 3: Register for Courses
-
-
- Once you have created your timetable, you can start
- registering for courses. Log in to your{" "}
-
- student portal
- {" "}
- and navigate to the course registration page (left side, about
- half way down the screen).
-
-
- 
-
-
- You can then select the term you want to register for and
- input the course codes for the courses you want to take. Make
- sure you add the correct components (e.g. lecture, tutorial,
- lab) for each course.
-
-
- Once you add a course, it will show up in the "List Of
- Registered Courses for Current Registration Period" list at
- the bottom of the page. The course will be automatically
- saved, so once it's added, you're good to go!
-
-
-
-
-
+ here
+
+ .
+
+
+
+
+
+ + Step 1: Find Your Courses +
++ The first step to course registration is finding the courses you + want to take. Go to the{" "} + + Brock University Course Calendar + {" "} + and select your year, then program from the Table of Contents. + Scroll down to find your specific program and the courses you + need to take. You should see something similar to the image + below. +
+
+ 
+
+
+ + This is a list of all the courses you will need to take for a + given term. Above, you can see the courses required for the + first term of a first-year computer science co-op student. + Let's break down everything you see here: +
- return ( -
- -
-
+ The course code is a unique identifier for each course. + Let's use COSC 1P02 as an example. It + is made up of 4 distinct parts: +
+-
+
- + COSC is the department acronym, meaning Computer Science. + +
- 1 shows the year level (1 = first year). +
- + P tells the credit value (P = 0.5 credit, F = 1.0 credit). + +
- 02 is the unique course number in the department. +
+ Notice how some courses have AND and others + have OR between them. Looking at the image + above, you can see that{" "} + COSC 1P02 AND COSC 1P03 are required. This + means you must take both courses. In the case of these + courses, COSC 1P02 is a prerequisite for COSC 1P03. Assuming + you are a first-year student, you will need to take COSC + 1P02 in your first term and COSC 1P03 in your second term. +
++ On the other hand, COSC 1P50 OR COSC 1P71{" "} + are required. This means you only need to take one of the + two courses. You can choose to take COSC 1P50 or COSC 1P71 + in your first term. Both courses are not required. +
++ In the example above, you can see that SCIE 0N90 is a + term-specific course. This means that you can only take this + course in the Winter term. You will need to plan your + schedule accordingly to ensure you can take this course. +
++ In the case of SCIE 0N90, this doesn't have much impact + on your schedule, as this is a 0 credit course, that you + normally take on top of your regular course load. +
+
+ Context credits are courses that are required to give you a
+ broader understanding of different fields. At Brock, you
+ need to complete 1.0 context credit in Humanities, Social
+ Sciences, and Sciences. You can find the list of courses
+ that fulfill these requirements{" "}
+
-
-
-
-
- + Elective credits are courses that you can choose freely from + any department. These allow you to explore other areas of + interest and can be used to fulfill additional requirements + or personal interests. +
+
+
+
+ + Step 2: Create your Timetable +
++ Once you have found the courses you need to take, you can start + planning your timetable. You can use the{" "} + + Brock Visual TimeTable + {" "} + to create your timetable. Simply input your courses, and the + generator will create all possible timetables for you. You can + then choose the timetable that works best for you. +
++ When adding courses to the generator, ensure that you are adding + the course for the correct term. You can do this by adding + D(number), where number is the term number. For fall and winter + terms: +
+-
+
- + D1 is for 8 month courses, spanning from September to April. + +
- + D2 is for fall courses, spanning from September to December. + +
- + D3 is for winter courses, spanning from January to April. + +
+ The durations used for spring & summer courses are + different. You can find the duration for each course in the{" "} + + timetable + + . +
++ Note: This tool is not affiliated with Brock + University. We are students who have created this tool to help + other students. We are not responsible for any errors or issues + that may arise from using this tool. Please ensure you + double-check your timetable before registering for courses. +
+
+ 
+
+
+ + This is an example of a timetable generated using the Brock + Visual TimeTable. You can see I've decided to take COSC + 1P02, COSC 1P50, MATH 1P66, and ECON 1P92 in my first term, and + FILM 1F94 as an 8 month course. FILM 1F94 fills the context + credit for Humanities, and ECON 1P92 fills half of the context + credit for Social Sciences. +
++ You can also see that I've blocked out every day from 8:00 + AM to 9:00 AM. This prevents the generator from scheduling any + courses during this time. This is useful if you have other + commitments during this time (e.g. work, volunteering, or + sleeping in!). +
+
+
+ + Step 3: Register for Courses +
++ Once you have created your timetable, you can start registering + for courses. Log in to your{" "} + + student portal + {" "} + and navigate to the course registration page (left side, about + half way down the screen). +
+
+ 
+
+
+ + You can then select the term you want to register for and input + the course codes for the courses you want to take. Make sure you + add the correct components (e.g. lecture, tutorial, lab) for + each course. +
++ Once you add a course, it will show up in the "List Of + Registered Courses for Current Registration Period" list at the + bottom of the page. The course will be automatically saved, so + once it's added, you're good to go! +
+