Lifecycling with React

As a long-time fan of the Cobbled Classics cycling races I have created a side project to learn React and deal with it's challenges.

Visit cobbled-climbs.netlify.app
or View on Github

Cobbled Climbs

In a nutshell I've set up a React environment with Redux to pass states along components and route urls via a select dropdown.

I am injecting JSON data to create an SVG path calculating the coordinates based on the altitude and length values of a climb. The graph is fully responsive and text labels are rendered outside of the SVG to be able to style/resize them.

Theming

With a data-theme attribute I control different themes through css variables. Every theme change is passed into a reducer state.

Cobbled Climbs theme Raleigh-Panasonic obbled Climbs theme Raleigh-Molteni