This repository was archived by the owner on Aug 8, 2025. It is now read-only.
Start Course Session React Component #64
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Students will need a webpage(s) to display courses they can join and have already joined. Further discussion is needed on the styling and layout of these pages, so this commit is primarily intended as a proof of concept. The UI's styling is rendered by react-bootstrap. react-bootstrap is a complete re-implementation of Bootstrap components in React. Like Bootstrap, it defines many CSS classes to make pretty UI elements and uses flexbox to make flexible layouts. More info can be found at https://bre.is/JX2hfmU4. Issues: illinois#34
The agreement reached through group discussions is that UUIDs are not needed at this time. A student's ID is used to distinguish the student from other students, and not from other entity types, such as courses. Other entity types will have their own pools of IDs to assign IDs from, so student IDs do not need to be universally unique across entity types. Therefore, it is sufficient to rename the "uuid" field to "id". The Student webpage is now implemented under the assumption that it represents a student's profile page. This means the displayed course list is the list of courses the student is enrolled in. Furthermore, in this context, the term "Join" is defined as entering a class session, not as enrolling in a course. Therefore, disabled Join buttons are no longer appropriate.
This reverts commit 042edf7.
This reverts commit 52f15c3.
This reverts commit 042edf7.
Instructors will need a webpage(s) to display the questions associated with a course session. Further discussion is needed on the styling and layout of these pages, so this commit is primarily intended as a proof of concept. The UI's styling is rendered by react-bootstrap. react-bootsrap is a complete re-implementation of Boostrap components in React. Like Bootstrap, it defines many CSS classes to make pretty UI elements and uses flexbox to make flexibly layouts. More info can be found at https://bre.is/JX2hfmU4. Issues: illinois#32
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
1 participant
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Instructors will need a webpage(s) to display the questions associated
with a course session. Further discussion is needed on the styling and
layout of these pages, so this commit is primarily intended as a proof
of concept.
The UI's styling is rendered by react-bootstrap. react-bootsrap is a
complete re-implementation of Boostrap components in React. Like
Bootstrap, it defines many CSS classes to make pretty UI elements and
uses flexbox to make flexibly layouts. More info can be found at
https://bre.is/JX2hfmU4.
Issues: #32
Screenshot of maximized window:
Screenshot of window at smallest width: