CSS day-ta Hackathon

Description

We created a website featuring data from the past 10 years of CSS Day for its 10th anniversary. This project was developed during a 3.5-day hackathon where we competed against other groups. Our website had to be accessible and needed to have progressive enhancement. The judges were Peter Paul Koch and Krijn Hoetmer. Ultimately, our team won the hackathon, earning free tickets to CSS Day along with another group.

Table of contents

• Description
• Contributors
• Installation
• Features
• License

Contributors

• Joppe Koops
• Jurien Waijenberg
• Manoah Tervoort
• Jop Molenaar

Installation

1. Clone the repository:

   git clone https://github.com/JopMolenaar/css-day-ta-JJJM.git
   

2. Open the cloned file with your code editor and start coding!

Features

Some of the features on this website:

• The website is accessible and progressively enhanced.
  • The data for the world maps is described in the description. This description will update automatically when you modify the data on the world map.
  • The data of the graph is described in the description.
  • The animations wil not play when the user doesn't want to and we have made good fallbacks for these situations.
  • The user can navigate through the website without using a mouse.
• The graph is animated on scroll and shows the data of the year where you are scrolling on along with the the previous years.
• The website is responsive.
• The website is dynamically generated based on the data of the CSS day .json file.
• We have made a start animation with the CSS day logo.

License

My website is open-source and released under the MIT License.