deco3500-2019 / Apple_Pen

1 stars 0 forks source link

Teachers Page - Frontend #11

Closed JunJiang95 closed 4 years ago

JunJiang95 commented 4 years ago

Description

What I gonna do for the team project is design and build a host page. This page will only allow teachers to access. And also allow teachers to edit some questions they wanna ask in class. And post them to student. More specifically, teachers can enter questions and potential answers, set a right answer and time.

TODOS: -[ ] Add counter for displaying connected players

JunJiang95 commented 4 years ago

Problems & Solutions

One biggest problem in the development process is environments issue. It is impossible for me to preview what I did on my laptop.

Solution: Develop online. I found a online sandbox to programming. After i done it. I export to ZIP and send it to team leader.

This is what I did programming online . Screen Shot 2019-10-14 at 20 05 25

JunJiang95 commented 4 years ago

Hand Drawing For Host Page.

JunJiang95 commented 4 years ago

Design

For this webpage, I use a lot of materials from material-ui.(https://material-ui.com/). Which makes the webpage looks good. Including : App Bar Screen Shot 2019-10-14 at 20 46 02

Stepper Screen Shot 2019-10-14 at 20 47 26

Text Fields Screen Shot 2019-10-14 at 20 49 30

Radio Buttons Screen Shot 2019-10-14 at 20 50 42

Time Picker Screen Shot 2019-10-14 at 20 51 44

JunJiang95 commented 4 years ago

Programming

The structure of code . Screen Shot 2019-10-14 at 20 59 03

As I said before, for this webpage, I use a lot materials from material-ui, that means some codes are not my own works .( You can check the codes through the link below).

Including:

App Bar (https://material-ui.com/zh/components/app-bar/) Screen Shot 2019-10-14 at 21 05 05