An app where users can submit data to create analytics and useful data for scientists to be able to use for conservation and sustainability efforts, also raises funds for environmental organizations.
My inspiration for this project was the World Wildlife Fund organization. I have donated and worked with them in the past and I have a lot of respect for them, which made me want to create something similar. Their website has so many useful resources and information about endangered animals, while also allowing donations, which I wanted to recreate. I wanted my app to be able to foster a community of those passionate about animals and sustainability, and even be able to raise funding to donate to large organizations to use well.
What I learned
I learned a lot about JavaScript and was able to go out of my comfort zone, as before I only knew how to make the app switch screens. However, I was able to implement a working username and password and quiz! But this hackathon taught me more than coding, I was able to get the skills of determination, motivation and overcoming problems. Designing the website also improved my skills on creativity!
How I built the project
I built the project through App Lab in code.org, I downloaded all the images I would use first, and also drew the pages of the app and drew arrows between pages in my notebook to represent links. This helped me organize my thoughts a lot . I used YouTube videos as help when I was stuck on how to implement new features, and I asked my friends and family for feedback when I thought I was done.
Challenges I faced
A challenge I started facing first off was organization, which is why I decided to make drawings in my notebook first. A lot of the time, the buttons would not be organized or in the same locations for pages, and sometimes took users to the wrong links. I had to look through the designs and adjust the coordinates of the navigation buttons, and adjust the widths and sizing of buttons. One of the hardest things to implement was the quiz, because it was so buggy at first and would not tell users what they got wrong or correct, but after looking carefully through code.org blocks and their tutorials, I managed to implement the quiz successfully.
Log in or sign up for Devpost to join the conversation.