Inspiration

Originally thinking about a project to help parents teach their kids, SpaceAscent was built with young adults in mind. Young adults, especially in poorer income areas, were failed to be taught by the school system or even at how to become financially independent.

What it does

SpaceAscent focuses on teaching young adults financial literacy. Whether it be through the static lessons derived from other popular guides or even taking on the simulation to balance their budgets within the banking simulator once they're logged in. This simulator allows users to add paychecks, account for personal transactions, and help determine a plan for their future.

How I built it

My main focus coming into this project was to learn CI/CD, API usage, and front-end testing. I built the app out of React, NextJS, Cypress, and Vercel. This tech stack allowed me to successfully push completed builds to production which can be seen here.

Challenges we ran into

I definitely shot for the moon to accomplish what I wanted to and I at least achieved my goals in learning how to combine all this knowledge. The larger issue I ran into, at first, was creating my CI/CD pipelines. These caused issues when attempting to deploy with .env files. I also later learned more about CORS errors as well as learning about rate limiting on some APIs.

Accomplishments that we're proud of

I learned what I came to learn about.

  • How to completely setup a pipeline from code -> terminal -> github -> vercel -> deployment.
  • How to test front-end react components with Cypress's testing suites ranging from rendering, testing inputs, and mocking API calls.
  • Finally learning how to call more APIs. Figuring out rate limiting through some of the risk analysts' APIs (free account limitations) and learning the complex banking structure of managing individuals, transactions, and their accounts from Capital One.
  • Seamlessly integrating Auth0 for the first time!

What we learned

What's next for SpaceAscent

Built With

  • alphavantageapi
  • auth0
  • cypress
  • docker
  • generalstockmarketapis
  • jest
  • nessieapi
  • nextjs
  • react
  • vercel
Share this project:

Updates