Inspiration
I am a aspiring fullstack developer and I wanted to implement everything I have learned so far into a real life project and this hackathon meets my requirements.
What it does
RecycleRight is an easy to use web application that takes user input and clicked on search , it shows information regarding how to recycle it. If input is empty , it shows a text in red color informing the user to enter a valid item and if the input is not related to recycling items, it shows a text in red color informing user that the item is not found. This web app has some fun and interactive features for user too like the rotating recycle logo when you hover on it and the search button grows slightly when hovered.
How I built it
I built this web app using HTML, CSS and JavaScript. I have also used bootstrap (framework) for some elements for responsiveness.
Challenges I ran into
I had a little trouble during changing class of output text based on user input so only on valid input the recycle information provided to user is in green color and in edge cases the color of default text is red.
Accomplishments that we're proud of
The thing that I'm proud of in this object is that the app clearly tells how to recycle the item , no matter what the input is the system is always ready for response even in edge cases.
What I learned
I learned a lot while creating this web application, my understanding of event listeners , error handing and overall DOM manipulation has been improved and I got to know how to work on user friendly projects.
What's next for RecycleRight
I have done my best and as I learn more with time I will definitely improve the project even more by applying new technologies.
Log in or sign up for Devpost to join the conversation.