Curriculum Generator
Online demo for my own use @ https://curriculum-wr786.vercel.app/
-
npm install
-
Edit
src/courses.json
to add your own courses. The JSON should seem like this:{ "courses": [ { "name": "计算机图形学", "times": [ { "type": "every", "weekday": 1, "classes": [10, 11, 12] } ], "place": "理教408" }, { "name": "自动控制原理", "times": [ { "type": "every", "weekday": 5, "classes": [1, 2] }, { "type": "even", "weekday": 3, "classes": [1, 2] } ], "place": "二教505" }, { "name": "高等动力学", "times": [ { "type": "every", "weekday": 1, "classes": [1, 2] }, { "type": "odd", "weekday": 3, "classes": [7, 8] } ], "place": "三教501" } ] }
(You can also check
src/courses.json
as it is already a template) -
yarn start
ornpm run build
In Peking University, there is 12 classes per day.
But for personal use, you can edit the state
in src/Curriculum.js
:
class Curriculum extends React.Component {
constructor(props) {
super(props);
this.state = {
dates: 7,
validDates: 7,
totclasses: 12, // The number of classes per day
classes: Array(84).fill({ // Should be 7 * {totclasses}
classname: "__DISABLED",
classroom: "",
timetype: "every",
}),
};
// ...
You can edit src/Courses.js
to change the colors, obviously.