The 2026 Winter Olympics are almost here! Learn how to identify the different figure skating elements one flip at a time :D
I've gotten into watching figure skating recently, but I have a hard time remembering how to identify the different jump types. The only jump I remember is the Axel because it's the only jump with a forward takeoff.
You can quiz yourself on the different figure skating jumps by looking at flashcards! But to make this project a little absurd, and easier for the user, all you have to do is guess if the jump is an Axel or not. If I had more time, I would make this a more challenging quiz where you are asked what the jump is instead of if it's an axel or not.
I started with the template provided by running npm install react@latest react-dom@latest next@latest in the terminal.
I followed the tutorial documentation from Next.js and Daniel Lim's blog post "How To Build A Clean Fully Working Flashcard App With React"
Since I am not an expert in identifying figure skating jumps yet, unfortunately the answers are spoiled by the gifs because they are already labelled. If I had more time I would make my own gifs of the jumps that aren't labelled.
I'm proud of myself for spending this weekend learning React and Next.js for the first time! Originally, I wasn't going to submit a project but once I got this idea to make a simple flashcard game with React I just had to try it out!
I learned how to make a project with React and Next.js and key React concepts like Components, Props, and States.
Add more challenging questions to it, and keep practicing so that I can identify the six different figure skating jumps in time for watching the 2026 Winter Olympics! If I had more time, I would deploy this to a website and add a backend database with MongoDB to store the question data and images.
