Camp Gladiator is going to Mars! The year is 2065 and CG is about to start virtual workouts from Mars. For this challenge you'll be showing off your creative and design skills, as well as your proficiency with React.js/Javascript/HTML/CSS.
Build a React.js single-page app that showcases a small library of workouts that our campers can access at any time and watch the workouts from anywhere, on any device via a modern web browser. Don't worry, we'll provide the content.
Your app should include the following:
- branded dashboard page showing-casing all available workouts (use the
workouts.json
file provided in this repo) - the workout page - which is accessible by clicking on any of the workouts on the dashboard. This page needs to include all of the provided information about the workout along with the playable video. Each workout should be accessable via its own unique URL.
- Should be well designed and usable with any common device with a modern web browser.
- Consume the data provided in workouts.json as the content for your app.
- Please limit your work time to 4 hours max for this project
- You can use your own design system or feel free to use the CG design library as a reference for your design
- It goes without saying, but please document how to run/access your application.
- tests are great!
- What features you decide to add is entirely up to you based on your assessment of how to make the application helpful to the end-user, as well as the time limitation.