- Chaitanya Prashant
- Judy Chun
- Wye Mun Chin
- Yi Zu
The team had a variety of skill sets spanning across design and development that worked well with one another. The whole team contributed in terms of generating feasible ideas, informal design critique and converging to the main project idea.
Chaitanya Prashant worked on full-stack development and initial interaction design, aiding in sketching out the user flow of the app. Completed initial back-end development with another team member, architected style guide in conjunction with front-end implementation of interface from skeleton through to final version. Implemented detailed interactions
Judy Chun worked on front-end development during the initial prototyping phase building the skeleton of the login page, call-to-action items such as "Donate" and "Volunteer" elements, and sketched out the interaction flow of how to implement the ajax interaction using the "Learn More" button as a way to show a short blurb of each individual news articles. Made use of visual style guide so that the team can consistently refer back to same color palette, logo usage, iconography, and button states. Working on the demo video to further help brand the app.
Wye Mun Chin worked on back-end development and implementation, selecting a suitable API to source data relevant for the application, as well as laying out the important variables to keep track of and laying out how to thread these variables throughout the different pages and files. Particularly supported implementation of the news feed, news profile, pagination and toggle functionality, while fixing minor bugs in both front and back end consistently with each milestone and development.
Yi Zu contributed in the initial user interface prototype including the login page. He also created the donate and volunteering forms storing their data on the Firebase database.
donate.html - Donation form for natural disaster cause
volunteer.html - Volunteer submission form for natural disaster cause
login.html - Login page
newsFeed_m3.html - Main dashboard showing three natural hazard news articles
newsProfile.html - Individual news article linked to each of the news article in newsFeed_m3.html
server.js - Routing file for navigation within website and contains code managing toggle behavior on newsfeed
styles.css - Consistent style sheet and button interactions for all static pages
package_lock.json & package.json - Node file dependencies
https://docs.google.com/presentation/d/1vzqfeAiRA1SYq-AdOf9i-Cy4S1W4uzPEw8DjZ_SCRjY/edit?usp=sharing