Blizzards - Interactive Scrapbook of Ukraine - New Horizons

A colorful and educational scrapbook about Ukrainian culture.

Comment

README

About this website:

HOW THIS PROJECT RELATES TO PROMPT EXPANDING NEW HORIZONS:

Our team has worked to expand all of our Horizons this weekend when creating this website. Some members of our team, never had the experience of coding themselves before this hackathon, and we all didn't know much about Ukrainian culture. After completing our project we have learned so much about Slavic culture, and running official programming applications such as VS code, which we had to download as we didn't have experience with it. We also got to learn how to use CSS to decorate a webpage and how to make a website interactive through sensing in Javascript, in which none of us had experience with. Overall, we all learned so much and participating in Brooke Codes Hackathon was a wonderful experience.

Our inspiration for this webpage was our love of scrapbooking and Slavic cultures in countries like Ukraine.

Our website informs about Ukraine's culture and various aspects of it in the form of a scrapbook. It's full of pictures, colorful texts, and even features to change the colors of backgrounds and text to resemble scrapbooking's remarkable and unique aspects.

We primarily used HTML and some CSS and JavaScript to build the webpage. As for our content, we used various resources online. We have our website sources in the attribution, and we also used VS Code to run and compile our code for testing purposes. W3 schools html reference has proved itself as handy.

One of the main challenges we ran into was attempting to make our website more interactive and add interactive elements like a quiz, color-changing mechanisms, etc. We also had a lot of bugs in styling and overall properties which had to be fixed and debugged by all of us. Trying to input code to provide these results successfully was a lengthy process.

There were accomplishments in our process that we were proud of. For example, we learned new aspects of HTML and JavaScript and successfully applied them to our website. We successfully managed to input color-changing elements and other interactive elements to our webpage, which was a challenge we had to face. We also worked together time effectively and put a lot of content and elements into our web pages.

We learned about various new HTML commands, including commands that create new webpages, add interactive elements, add images, etc. We also learned how to manage our time more effectively throughout the event and manage communication.

Our plans for the web pages include improving the interactive aspects of the site, for example, allowing users to take an online quiz to see what they learned and actually allow them to see their results. Another plan we have to improve our site is to innovate the design, for example, by adding more fonts, design elements (like decorative lines and shapes), more professional color schemes, etc. Also, making a scrapbook for other countries and linking them to the website would be amazing!

Authors: Allison Andreyev, Shreya Tandon, Dhruv Unnikrishnan

Attribution

Culturetrip. “A Complete Guide to Traditional Ukrainian...” Culture Trip, 13 Oct. 2023, theculturetrip.com/europe/ukraine/articles/a-complete-guide-to-traditional-ukrainian-clothing.

Cherednychenko, Xenia. “Vyshyvanka, Ukraine’s Traditional Embroidered Shirt.” The Kyiv Independent, The Kyiv Independent, 24 Aug. 2022, kyivindependent.com/vyshyvanka-traditional-ukrainian-embroidered-shirt/#:~:text=Vyshyvanka%2C%20the%20Ukrainian%20word%20for,Ukraine’s%20landscape%20or%20cultural%20values.

“Kokoshnik.” Wikipedia, Wikimedia Foundation, 25 July 2023, en.wikipedia.org/wiki/Kokoshnik.

“Traditional Dress.” The Museum of Russian Art, 28 Nov. 2015, tmora.org/online-exhibitions/a-homespun-life-textiles-of-old-russia/introduction-to-traditional-dress/#:~:text=There%20are%20two%20major%20types,often%20worn%20under%20the%20sarafan.

Timokhin, Yuri. “Dushegreya, Poneva, Sbornik.” Russian Clothing, www.rusclothing.com/blog/dushegreya-sarafan-sbornik-forgotten-russian-clothing/. Accessed 15 Oct. 2023.

“Ushanka.” Wikipedia, Wikimedia Foundation, 13 Oct. 2023, en.wikipedia.org/wiki/Ushanka.

Built With

Submitted to

Brook Codes 2023

Created by

I worked on VS Code, combining everyone segments of code to turn it into the finished result. I also debugged most of the code and added text and image decoration using CSS + built interactivity using JavaScript. I also worked on the README and formatted the Github Repository, and also organized navigation for the webpage.

Allison Andreyev
I worked on researching , formatting , and HTML code. I worked on the pop songs , and music section. Also worked on the culture and holidays section. I learned and implemented the basics of HTML to create these sections of the project. Moreover I learned how to use CSS to style a web page and create a interactive designed user interface.

Dhruv Unnikrishnan
I contributed with research, content, citations, formatting, and the HTML code. (Primarily: The Read Me, the Cultural Clothing page, and the Attributions page). Additionally, this being my first time using HTML, I also studied and applied the fundamentals of HTML to develop these areas of the project.

Private user
I contributed to this by researching content and formatting the code into HTML for this project. I researched the food, natural attractions, and culture of Ukraine.

Shreya Tandon

Updates

Allison Andreyev started this project — Oct 15, 2023 01:21 PM EDT

Leave feedback in the comments!

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