Retro Retreat

Inspiration

We were inspired by old retro games like brick breaker and pong, along with the website designs of old sites like the 90s space jam website.

What it does

Our react app is a combination of a news hub and a real-time chat application, while also hosting an embedded mini breakout easter egg.

How we built it

We built our app with react-js and styled-components, using the newsAPI and firebase for our back-end activities. We also used Unity and Unity Webgl to create and host our minigames.

Challenges we ran into

One of the major challenges presented to us was the embedding of a unity project within our react app. We tried to use a module built to incorporate webGL applications, but our 2 minigames were made with different versions of unity, and as such, we were unable to find a quick fix to that solution. Another series of problems we frequently ran into involved the scope of the project, which was quite large and contained a substantial number of different components and elements, along with react-hooks, firebase database management, and api management.

Accomplishments that we're proud of

We are proud that we were able to compile a large variety of different functionalities into one non-paginating react app, and we are proud to have successfully managed so many moving components.

What we learned

We re-familiarized ourself with react, its functional components, and its useState and useEffect hooks. Along with this, we also used styled-components and became much stronger with firebase and API management.

What's next for Retro Retreat

We plan to fully integrate the unity projects into our react app such that there is no changing of tabs in the escape room/breakout process.

Built With

• firebase
• firestore
• javascript
• newsapi
• react
• styled-components
• unity
• webgl