Davis Recycling Guide

Home Page
Survey Page
Survey Page cont.
Survey Page cont.
Survey Page cont.
Recycle Page Info
About Us Page

Inspiration

We wanted to do something environmental-related. Thus, we came to the conclusion that we decided to create a website that addresses the waste problem and awareness in Davis, California.

What it does

It allows users to check what kind of items are recyclable or not and where they should go locally. A friendly open user informative guide.

How we built it

We first made a design on Figma, and use that to build a website by using a script in HTML, CSS, and Javascript. We took advantage of the Figma inspect coding function and copy that and paste it over to the website so we didn't have to write the symbols and stuff. This was done by splitting and delegating into teams of two.

Challenges we ran into

We ran into bad wifi connectivity, and also design issues and formatting of coding and how it would look like from the prototype version to what an ideal version looks like on Figma.

Accomplishments that we're proud of

We are proud of getting a draft version of the website down and learning enough javascript to implement a tree data structure and have a functional backend. We are also proud of learning and figuring out how to use Figma proficiently within 24 hours after the workshop, and implementing that as a design process to get a prototype of the website.

What we learned

We learn about teamwork and how to delegate tasks to individuals by their strengths and weakness of what they prefer to work with (e.g front-end and design, backend and coding, research and design). We also learned how to create a website from a coding perspective, and a non-coding perspective (design) based on our team's assigned jobs. We also learned about time management and how hard it is for beginners to get it done especially within 24 hours and we didn't know each other beforehand. These challenges push us out of our comfort zone and try new things we all didn't have much knowledge of before.