uofc_courseoutlineapp's People
uofc_courseoutlineapp's Issues
Functional React Components
- Instructors
- Courses
- Learning Outcomes
- Grade Components
- Textbooks
- Timetables
Delete Grade Component Button
- Select a grade component from Final grade breakdown text area to delete
- Button click should remove selection from the text area
Grade Breakdown Field
Add Learning Outcome Button
- button click creates pop-up where instructor can add a learning outcome and save it
- this learning outcome should be displayed in the learning outcomes text area
Re-arrangements & Styling
The React needs some styling for a better modern look.
Filtered REST API Queries
to return only components which are linked to a specific parent. For example, to return only all the courses which belong to the selected instructor, etc.
Relational DB Schema
REST API with all components
General Course Information Fields (except Grade Breakdown)
General course information fields should be added to the front-end (ie. course description, course approval date, course approved by, etc). Please refer to relational db schema for the missing fields. These fields should be presented to the user when the instructor and the course is selected. After updating these fields, an API put/patch request should be sent to server update the course with the entered information.
Final Grade Breakdown Text Area
- Used to display final grade components
Course Info Text Area
- Implement editable text area for course description
- Requires functionality to attache a hyperlink for calender reference
Delete Learning Outcome Button
- select a learning outcome from the learning outcomes text area to delete
- button click should remove the selected learning outcome from the learning outcomes text area
Add Grade Component Button
- button click creates pop-up where instructor can add a grade component
- in the popup, instructor will type in component name, select the learning outcome(s) from a drop-down and type in percentage
- learning outcomes drop-down generated from learning outcomes entered in steps 2-5
- layout: component name, learning outcome, percentage
Input Restrictions
React table inputs should be restricted according to the types of the fields. For instance, if a field asks for 'hours per week', then this should only allow numerical entries. Front-end should have checks or appropriate type of input forms to prevent incorrect entries.
For predetermined type of entries, ie graduate attribute, then the enumerations and a drop-down box can be used.
For boolean type of entries (ie, recommended? for textbook), a checkbox should be implemented. This can be also set for 'days' for the timetable (ie 7 checkboxes for separate days).
Learning Outcomes Text Area
- Used only to display learning outcomes entered by instructor
Generate PDF
Generate PDF function should arrange objects for the PDF form accordingly and should hide objects as per the specs in the Excel spreadsheet .
Total Grade Percentatge Text Area
- Text area to display calculated total percentage from all entered grade components
- Colour should be green when sum is 100%
- Colour should be red when sum is < 100%
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.