-
-
The Landing Page for Users
Inspiration
My inpsiration was to help anyone learn about birds they can find in their backyard. I love looking out of the window to find a new bird, so I thought I might as well help others enjoy that feeling as well.
What it does
It lets people know where a bird tends to live, where to look for that bird, and what to do to attract it to your yard.
How we built it
I built it with VS Code in HTML, CSS, and JavaScript. I determined the algorithim in order to display the right information. I had to transfer variables from one JavaScript file to another and analize that number. I then had to gather information and move it to the HTML. I also used different divs instead of different HTML files to display different information. I used '''variable.style.display = "displayType"''' to change the information the user saw when clicking an image.
Challenges we ran into
A challenge that I ran into was transfering the variables from JavaScript file to JavaScript file. I also ran into some challenges within the CSS to make the pages look really nice.
Accomplishments that we're proud of
I am proud that I figured out how to transfer data between two JavaScript files.
What we learned
I learned a lot about birds and a lot more about the different types of displays you can make in HTML, CSS, and JavaScript.
What's next for BirdPedia
The next thing for BirdPedia is to gather more information for the user to look through.
Log in or sign up for Devpost to join the conversation.