Cobbled Climbs is a personal project to explore React/Redux, SVG graphs and theming.

Lifecycling with React

As a fan of Cobbled Classic races I have created a side project to learn and explore React-related challenges. I've set up a React environment with Redux to pass states along components and route urls via a select dropdown.

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

SVG

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.