willybeans / teacher_app Goto Github PK

1538143050 --becomes--> 9/28/18

this change is for the assignments view.

We have to decide if its best to store the unix time in the DB and do the translation on the front end or simply do the conversion before saving it to the DB.

It would be a nice touch to have a quote api display a quote on the main screen on login. Or some kind of welcoming message.

This is inside the assignment component. at ./src/StudentDisplay/AssignmentBody.js

This is inside the student component. at ./src/StudentDisplay/StudentProfile.js

Edit: Do this will all components

Add proptypes as well please

CurrentClickedAssignment and CurrentClickedStudent may benefit from being in redux store rather than local state.

The primary function that is needing this kind of change is the on click event for students. Each on click for students should essentially reset the "currentClickedAssignment" to always being the most recent assignment the student has.

I found this error when i issue 'yarn start'

[[my first issue here ;p]]

This is inside the student component. at ./src/StudentDisplay/StudentProfile.js

A mobile user interface needs to be made.

The top nav bar for StudentDisplay has two tabs: Assignments / Profile. On click event should highlight the currently clicked tab. this is mostly a CSS issue

When the student name is clicked, it should bring up a popup into the main app area. This screen should include:

• default to display most recent assignment

1. list of assignments (on left) by dates which should be clickable
2. and upper nav bar with the ability to view either a) the students profile or b) the assignment
3. should include edit button for student profile (including goals) + assignment
4. delete student button
5. delete assignment button
6. add new assignment button

see ui example for and idea of how to place things.

Add a popup to confirm with the user that the item should be deleted.

Although this is a lot of boilerplate, i think it will be best to have the reducers send the appropriate content to the modal

as explained here: https://stackoverflow.com/questions/35623656/how-can-i-display-a-modal-dialog-in-redux-that-performs-asynchronous-actions/39828187#39828187

add student needs to add all the appropriate feilds for the student DB entry:

Name,
Age,
Contact Email,
Contact Phone,
Goals

the student object should be able to save a list of goals

There should be a button that can forward the information of an assignment.

This is inside the student component. at ./src/StudentDisplay/

Ideally this will generate a list of all students that can be selected from. Each individual student selected will generate an email or printable sheet of the most recent assignment.

A feature that could be added would be changing how many previous lessons to include.

this is free and capable of doing this: https://www.smtpjs.com/

/Components---
-/Login
-/Student Display---
StudentDisplay.js

-/Assignments
  ./StudentAssignments.js
  ./assignmentbody.js
  ./assignmentitem.js

-/StudentProfile
  ./StudentProfile.js
  ./EditStudentProfile.js
  ./ViewStudentProfile.js

for when the web app is complete

following this model:
-Name: string
-Teachers Name: string
-Contact info: Phone # : int
Email: string
-Goals : string
-Goal Number
- Start Date
- Status
- Info
-Todays date maybe? (date of starting lessons): string?
-Assignments : string
-list assignments in chronological order by date

There is no page to display teacher profile. this is where the onclick even would go for editing the teacher.

The UI needs to be planned / considered.

when student is successfully pushed to database, lets have the site redirect to a component allowing you to add the assignment or goals of the student.

This is inside the assignment component. at ./src/StudentDisplay/AssignmentBody.js

This is done, making an issue so we know this is taken care of

rewrite schema's and schema co-dependency based on our discord chat solution

The form fields need to be validated so incorrect values dont get sent.
Name: String
age: int

contact email: needs email format validation
phone: needs phone number validation

goals: Strings

The current behavior will maintain the current view, for example, if the assignments are open for one student, when you click on the next student, it will maintain the assignments page. It would be best if all view states reset when a new student is clicked. Therefore the student display needs to reset to the default view on click.

It may perhaps be best to make display state exist inside the redux store instead of locally if this becomes too confusing to manage.

StudentDisplay:
-StudentDisplay
-StudentProfile
-StudentAssignments
-AssignmentBody
-AssignmentItem

Login:
-LoginRegister
-Login
-Register

StudentSearch:
-Students
-StudentItem

there should be a window that allows the teacher to edit their name, email, etc. This component does not exist currently.

This is inside the assignment component. at ./src/StudentDisplay/AssignmentBody.js