PitchEvaluator is an AngularJS-based web app initially built as an online grading platform to move Northwestern’s NUVention class evaluations from paper to electronic format.
Team Blue from EECS 394: Dino Mujkic, Yoni Pinto, Sarah Yang, Samantha Trippy, Taylor Xu Zheng
PitchEvaluator is fully supported on Chrome, Firefox, and Safari for desktop. Mobile browsers will have limited functionality with PitchEvaluator.
The project is designed to improve the grading and feedback experience for three different kinds of users: professors of the class, judges who review student projects, and students who submit their projects for the class. ####Professor User Stories
- As a professor, I want to see valuable aggregate data from completed reviews
- As a professor, I want to be able to filter reviews/comments by judge
- As a professor, I want to be able to filter reviews/comments by team
- As a professor, I want to show teams their scores
- As a judge, I want to quickly begin the review process
- As a judge, I want to be able to go back and edit my reviews
- As a judge, I want to evaluate teams against a set of predefined questions
- As a judge, I want to enter comments to aid in teams’ understanding of their grades
- As a judge, I want to stack rank the teams from best to worst
- As a student, I want to see my team's scores and comments
- As a student, I want to compare my team’s scores to other teams’ scores
- Clone the repository to your own computer.
- Open the terminal and cd into the root of the repository.
- Run:
npm install
then run:
npm start
- Open a browser and go to this url:
http://localhost:8000/
##Architecture
Under the root directory, the folder “app” is what really matters as shown in Figure 1. There are 11 folders and 8 other files under “app” as shown Figure 2.
Table 1. View folders
View Folders | Description | Page link |
---|---|---|
addTeam | Team creation page | /addTeam |
login | Login page | /login |
newSession | Session creation page | /newSession |
view1 | Class summary | /view1 |
view2 | Review submission page | /view 2 |
judge | Judge ratings summary | /judge |
team | Team summary page | /team |
Table 2. Other folders
Other Folders | Description |
---|---|
services | All the service files |
bower_components | includes AngularJS dependencies |
Table 3. Individual files under “app” folder
File Name | Description | |
---|---|---|
app.css | Main CSS with navbar,index.html styling | all |
app.js | Claim routing | /login |
** favicon.png** | Favicon image | /Tab bar |
index.html | Main html | all |
indexCtrl.js | Controller for index.html | all |
session_icon.png | Session icon image | Header |
TabsCtrl.js | Controller for navbar | all |
user_icon.png | User icon image | Header |
Figure 1. File outer layer structure Figure 2. Folder app structure
As shown in Figure 3, please create a new directory for each view and include the html, js, css file and image resources in this folder.