An open API service indexing awesome lists of open source software.

https://github.com/ericwindmill/teacher_dashboard

Sample Teacher Dashboard from Edmodo
https://github.com/ericwindmill/teacher_dashboard

Last synced: 12 months ago
JSON representation

Sample Teacher Dashboard from Edmodo

Awesome Lists containing this project

README

          

# Edmodo Teacher Dashboard

This is a quick sample of how I'd build a teacher dashboard for Edmodo. It's a single page application built with Vue CLI. The purpose of the dashboard is for teachers to create, track and grade assignments.

This application was built completely on the client-side.
______
## Technologies
* Javascript
* SCSS
* Vue.js
* Vuex
* Webpack
* Babble
* Vue-Awesome (Font Awesome Wrapper)
______
## Screen Shots

### Main Dashboard
![Main Dashboard](http://res.cloudinary.com/ericwindmill/image/upload/v1502732696/edmodo/Screen_Shot_2017-08-14_at_10.42.53_AM.png)

### Student Submissions
![Student Submissions](http://res.cloudinary.com/ericwindmill/image/upload/v1502732768/edmodo/Screen_Shot_2017-08-14_at_10.45.51_AM.png)

### Add Assignment
![Edmodo Dashboard](http://res.cloudinary.com/ericwindmill/image/upload/v1502732694/edmodo/Screen_Shot_2017-08-14_at_10.43.13_AM.png)
______
## Caveats
Many of the features require a database to preserve data, and therefor are used here only as previews of what could be.
* Adding a grade to a student submission.
* Adding a new assignment.
______
## Run Locally

```
git clone https://github.com/ericwindmill/teacher_dashboard.git

yarn install

yarn start
```

Then, go to `localhost:8080/` in your favorite browser. (Built and tested in CHROME CANARY).