chints98 / cogs-121-project

Project for COGS 121

Final Project Submission

Project Name: Releaf

Team Members

• Chaitanya Prashant
• Judy Chun
• Wye Mun Chin
• Yi Zu

Team Contribution Summary

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.

List of Source Code Files

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

Link to Google Slide

https://docs.google.com/presentation/d/1vzqfeAiRA1SYq-AdOf9i-Cy4S1W4uzPEw8DjZ_SCRjY/edit?usp=sharing

Link to Demo Video

https://screencast-o-matic.com/watch/cq1hhtTupa

cogs-121-project's Issues

TA Feedback

Hi Team Releaf,

You are in Grading Group B!

Great name! I really like the idea you guys have. Your idea is very creative and I think it has the potential to turn into a great app. I do wish your prototype 1 and storyboard 2 are clearer so I could understand how your proposed idea works a little better. It is also important to keep in mind, the two ideas you presented does not have much of an overlap. Overall, great job with this assignment.