Artemis, a revamp of an already existing solution known as GoSFU. This website is designed to be a more simple web application for students to search courses, save them and view their current course load through our custom timetable.
The application is built on React.js for the front end. The backend is built on Express.js. PostgreSQL is our database of choice.
The Login page is very minimalistic, authentication only requires a username and password to access an user's account.
Registration of an account requires an user to select the 'Sign Up' button which will redirect you to another page to input required details.
Resetting a password requires an user to select the 'Password Reset' button which will ask for the username whose password you want to reset and the the email associated with the username for the password to be sent to.
The Course Selection page allows the user to search up courses up to as early as 2015 and the current year. It utilizes SFU's "Course Outlines REST API" to populate the dropdown menues and table lsit of selectable section types.
Clear already selected options on the form to start over for pure convenience of users.
Courses can be saved to the user's timetable which can be accessed on the lower navigation bar available on every page except login.
A user may look up more details of a course; however, this feature only supports sections of type 'LEC' because only lectures have a course outline supplied by "SFU's Course Outlines REST API"
A list of all sections that the user has selected on the Course Selection Page in order to preview their schedule.
Clicking on a course will navigate to Course Outline Page for details about the course.
Clicking on the X button will remove the course from the users list of courses.
Users may decide to opt out of an course by selecting the 'X' icon next to a course label on the timetable.
This page displays details about the searched course. It contains a general overview of the course, the prereqs to take it, course location and time, as well as all the related sections.
In addition the course outline page also contains a rendered tree. This tree structure contains information about the prereqs/any related courses. A user may click on any of the nodes in the tree (with exception to the root) which will update the course outline to that course (same semester). The user can quickly navigate through the course prereqs this way.
Navigation bars attached to the top and bottom of each page, excluding login page, for users to navigate more easily to desired pages on Artemis.
| Username | Password |
|---|---|
| thain | admin |
To deploy the website, go to deployment folder and run vagrant up. This will bring up the VM and build the website.
Due to the VM might not have sufficient memory, the build process might fail. In that case, running vagrant reload --provision should fix the problem.
After deployment, navigate to http://localhost:3376/ to access the application.
- On Course Selection Page, you cannot see the time of the course section, only on the course timetable after adding it will the user see the time.
- A user can only select one course section at a time, this is an intended feature. Multiple selections was disabled for simplicity.
- A user can select course sections across multiple years and add it to their timetable and it will show them.