Students may have a difficult time arranging the courses to take next semester before course registration. There are more interesting classes than the enrollment limit every semester and students want to compare different time schedule before they make final decision. It is frustrating that one's dream class is closed before his/her registration time so plan B is necessary. Now Awesome Timetable will help students do these things.
Awesome Timetable is a web application that allow users to create their custom visual class schedule. They can create schedules, share they plans with other users and download existing plans. Users first create an empty schedule, then download course data online or input them manually to custom their schedule.
The application will store users, courses and schedules
-
Users can have multiple schedules
-
A schedule can have multiple courses
Click here to view the db.js file
User Model
/**
* @property {String} email - email address
* @property {String} pwdHash - the hash code of the password
* @property {String} name - the name displaying on the webpage
*/Plan Model
/**
* @property {String} creator - name of the creator
* @property {String} name - name of the plan
* @property {Date} createAt - the create time
* @property {Array} events - an array containing Object IDs of the events
*/Event Model
/**
* @property {String} creator - name of the creator
* @property {String} plan - name of the plan
* @property {String} name - name of the event
* @property {String} location - location where the event takes place
* @property {Array} date - an array containing at most 7 elements representing days in a week
* @property {Array} fromTime - an array of length two represents the starting time
* @property {Array} endTime - an array of length two represents the ending time
*// - The index page before user login
/user - The dashboard page, users can add / edit / delete / share schedule here. If the user has not logged in, he/she will be redirected to the index page
/schedule/[:identifier] - The visual schedule page. If the user is the owner of the schedule, he/she can edit it, otherwise the schedule is view-only.
There is no explicit form pages because I want to use modals to deal with forms without extra pages.
- As a non-registered user, I can register a new account.
- As a user, I can login in to the site.
- As a user, I can view all of the schedules created by myself.
- As a user, I can create a new schedule.
- As a user, I can add / delete / edit courses in my own schedule.
- As a user, I can share my schedule or access other users' schedules via a identifier code.
- As a user, I can view other users' schedules in view-only mode.
-
(5 points) vue.js
- This project will separate front-end and back-end. I will use vue.js as the front-end framework.
-
(3 points) webpack with plugins
- Sass and postcss
- ESLint
-
(3 points) client side form validation
- axios
-
(2 points) UI framework
Please create an account to have access to your dashboard. There will be a button to create a new plan. After the plan is created, an AJAX request will be sent to update the page.
