Project Checkpoint #3 - Aiden Huynh, 5/20 (imported)

[aidenhuynh]

Brief Description

Our team made too many features that all kind of suck so the goal for the final sprint is to POLISH POLISH POLISH!!!

My main goal will be providing wireframes and designing frontend for our team, as a good UI is something that I feel like a lot of projects lack and it will give us a feeling of professionalism, maybe allowing our project to be used in the future.

Emphasis on styling will be important for others in our team as well, as they need assets to use for the SASS lessons.

Wireframes

So far, I have completed two of our most important wireframes, the dashboard, where students will see their grades, assignments, and classes, and the inbox page for messaging other students and teachers.

all wireframes here

Dashboard

This is the most important page, and I'm currently working on converting it to real html and css. Implementation will either be done by me or Drew.

Here's what I have for the html/css part, should be done by tomorrow (Wednesday).

I'm currently trying to figure out how to color the squares differently using scss lists so I can provide it as an example in our SASS lessons:

&:not(:only-of-type) {
    $default-colors: #ea9999ff #f9cc9dff #f9cc9dff #b6d8a9ff #a2c4c9ff #a5c2f4ff #a0c5e8ff #b4a7d7ff #d5a7bdff #ccccccff;

    @each $color in $default-colors {
        &:nth-child(#{index($default-colors, $color)}) {
            background-color: $color;
        }
    }
    
    &:hover {
        cursor: pointer;
    }
}

Inbox

This page is being converted by Edwin and Ryan.

Other:

• Assignment creation
• Class period creation
• Resume builder
• Career search
• QR Code generator

These will all be done by thursday

Week Timeline:

Tue - Do remaining wireframes 1-3, send to members
Wed - Finish ALL wireframes and send out to members for implementation
Thurs - Fully integrate dashboard script into new HTML/CSS (MOST IMPORTANT FEATURE)
Fri - Team meeting/polish anything that needs to be polished

[aidenhuynh]

New Ideas!!!

• Change icon from sun to moon and vice versa on light/dark mode toggle