We were originally wanting to do something with RapidAPI, but could not get that working in time, so we pivoted and created a little tutorial/guide through some of the features of react.
What it does
This webpage contains a few tools for someone to "customize" their React webpage, including a slider for heading size and a color wheel to choose their background color. Each of these features also updates real-time to show what code the user would have to write to achieve the same outcome.
How we built it
We started from scratch using react's create-app, and built in dynamic and static features by hand from the ground up.
Challenges we ran into
Accomplishments that we're proud of
We actively communicated and pushed our work through GitHub without breaking anything. We finished with a product we are generally proud of generating in roughly 15 hours. This project could be expanded into many industries and the concepts could be reused for other programs.
What we learned
24 hours is not a lot of time. Communication is paramount to success. Having an idea coming into a project does not mean it will stay. Versatility is easier to say than accomplish.
What's next for Reactstrap Playground
Unfortunately, this hackathon might have to be the lifespan for this project, as we are all busy in our schooling and career searches.