EcoDIY | Devpost

Home Page
Home Page - Drop Down
Home Page - Drop Down Hovering
Results Page
Results Page - Hovering
DIY Project Page

Inspiration

We love DIY projects, but often find ourselves searching for ones that use just the materials we have on hand. EcoDIY's goal is to provide users with eco-friendly DIY projects by empowering them to create crafts out of everyday recyclable materials.

What it does

Finds DIY projects based on the materials you have available.

How we built it

HTML, CSS, and Javascript.

Challenges we ran into

Creating the website and making the Javascript work.

Accomplishments that we're proud of

Able to design an intuitive UI that is easy to use.

What we learned

UI Design and Web Development.

What's next for EcoDIY

Users have the option of choosing materials from categories instead of typing them
Grab DIY projects from the internet
Allow users to upload their own DIY projects

Built With

html-css3-javascript

Submitted to

TOHacks 2019

Created by

I worked on the Javascript to check our database of projects with the user input to find suitable DIY projects.

Kevin Lu
music producer and developer
I worked on UI design ideas for the webpages with Daniela. I also used Figma to create the 3rd webpage for the project description.

Yolanda Chen
I worked on putting the designs on the WebPage with HTML5 and CSS3. I also used JavaScript to make a textbox for the tags.

Naushad Sayeed
I worked on the UI design prototypes. This provided a basis for our current webdesign, in addition to providing insight into our plans further development of our project.

Daniela Luna Yong

Updates

Kevin Lu started this project — Jun 23, 2019 09:56 AM EDT

Leave feedback in the comments!

Log in or sign up for Devpost to join the conversation.