Inspiration
We wanted to create something to reflect upon this year, 2020. With 2020 being the year of forest fires in Australia, massive explosions in Lebanon, the death of famous basketball player 一 Kobe Bryant, and of course the infamous pandemic, COVID-19, we would like to recognize that even though this year has been a wild roller coaster, there should always be practices to alleviate stress and gratify everyone. The little stuff matters, and we hope this project puts a smile on your face.
What it does
404 Error is designed for users to laugh. By visiting our project they can get a nice comical relief from all the stress of 2020. Our main page has been carefully designed to leave Users in suspense and persuade them to our “Homepage,” where they are greeted with a nice “thank you” message and an adorable cat gif.
How we built it
We used HTML and CSS to design this project. First, we started by creating a file in Visual Studio Code, then we utilized headers, body, h1, and img src to display our content on the website. Finally CSS was used to embellish and enhance the visual appeal for users.
Challenges we ran into
Some challenges we faced were, quite literally 404 errors when it came to inserting the gif onto our second page. The gif url failed to work many times, but we managed to identify and rectify the issue by doing research to find the exact origin of the gif. In case you were wondering, the gif came from tenor.com/view/roar-cat-cute-chibi-kawaii-gif-16495840
Accomplishments that we're proud of
Considering that both members of the team are beginner coders, we are quite proud of the end result. In the beginning, we had no clue of what to do or even where to begin. Even though we stumbled upon many problems, we were able to solve them step by step until we were satisfied. Then eventually everything came along nicely and tied into a fun, comic-relief website. Aside from the website, we're proud that we were able to complete this project given the timeline and our busy schedules.
What we learned
As previously mentioned, we had issues with inserting the cat gif to our code, but through the process of rectifying the issue we discovered that one cannot simple save a gif to a macbook, or it will open in macbook preview and have images of each image frame used to make the gif. We also learned that to href a gif in code you must use right click and select the gif’s “copy image address.”
What's next for 404 Error
In future, we hope to expand our project’s UX by adding music and games for a more interactive experience. To improve the UI, we also would like to experiment with text colors and fonts.
Log in or sign up for Devpost to join the conversation.