Create home screen design

[annazwicker]

Create home screen:

This feature should include:

• access to the feeder page
• access to account info page
• preview of times the user is signed up to feed
• pop up box about empty upcoming feeding slots
• information on how to use the application
• a link to the formal Cat Partners page on the SU website

[nay-su]

completed relational UML page about homescreen. Now need to create a wireframe diagram

[annazwicker]

Starting work today by watching the Figma introduction video posted in the slack channel. Will provide update in half an hour.

[annazwicker]

Learned how to transition between screens. The different types of animation will be especially useful when trying to navigate between the different tabs on the website. Also learned about the eyedrop tool for keeping colors consistent. Ideally, we will have the website themed with SU colors, not some random colors.

[annazwicker]

Learned how to create relationships with buttons that are consistent on all the pages. We plan to have all tabs visible on each page, just on the top of the page or in a menu bar, and knowing how to navigate to each page from any page is crucial to the functionality of our website. Also learned how to scroll on a page, this could potentially be useful if we have some long drop down boxes or if we store feeder information vertically.

[annazwicker]

Learned how to create horizontal scrolling screens and toggle switches. I don't anticipate our team using either, but we will see.

[annazwicker]

Learned how to design moving features in a screen. I don't anticipate our team using this feature either but it could come in handy if we decide to create some extra aesthetic features. Stopping work for here today. Put in a little over two hours.

[nay-su]

beginning home page figma framework design

[nay-su]

finished proof of concept page. awaiting approval from other team mates regarding suggested features and general structure

[nay-su]

attempting to create first framework of this page through Flutter. As designs have not yet been finalized with Kelly, I will focus on creating files for each page and the shared navigation bar that will be in every page

[nay-su]

created initial working web design for home page with a top app bar and segmented navigation bar. Will upload prototype to Github tomorrow after I've created Dart files for other pages and have organized the code of my components into separate files for better modularity. I still also need to figure out how to customize components in Dart after they've been imported over

[nay-su]

updating prototype to prep for upload on github as either a starting point or a helpful reference for how Flutter works

[nay-su]

• learned that you can load all pages initially and have the navigation bar swap between them without reloading the page every single time. It will speed up the website, but I don't know if this is the approach we want to take. After about 30 minutes, was not able to find a quick fix for this. Will implement the code as is and attempt to repair that part later.

the difference seems to lie in creating all the pages upfront in a list and swapping between them and creating a switch method that creates a new instance of the page and makes it its state on click

[nay-su]

created and uploaded flutter project framework on github. Currently has

• working navigation bar component dart file and a components folder to contain all future components
• a dart file for each page and a folder to contain the pages
• a components folder for variables that are likely to be used liked the color of SU Yellow.

[nay-su]

adding cat sightings section to figma home page design

[nay-su]

forgot to fencepost: completed cat sightings section to figma home page design. Took about 30 minutes