Student Bank

home page pt 1
home page pt 2 (the brown on the top of of the image is my browser's theme - it is not a part of the website)
my account's page
(the brown on the top of of the image is my browser's theme - it is not a part of the website)

Inspiration

Eno and Veronica are both college sophomores, so they have a lot of experience with managing money in college. They thought that a website that compiles all important resources for financial management would be very beneficial to college students.

What it does

a collection of resources for scholarships, internships, and financial planning guides
allows people to view their bank information
allows people to jot down and organize their financial goals.

How we built it

We structured the project with HTML and used javascript for the more complex features. We thought about using React but stayed with HTML/CSS/JS

Challenges we ran into

We wanted features such as making a pie chart to display how much money the user has in each card/account, which required npm. Replit did not support it, so we had trouble with the chart.

Accomplishments that we're proud of

Since we are all not very experienced with programming websites, we are proud that the user interface is easy to understand and use. We are also proud of the project itself since we did not plan on making much.

What we learned

Even though Replit is a convenient online IDE, it does not support crucial packages and things like Node.js. Using VSCode for IDE and GitHub for version control would be wiser in a future project with more complex features.

What's next for Student Bank

We are thinking of fully utilizing the Capital One API and npm so Student Bank can have more features. Also, we plan to optimize the site across different devices like mobile phones and tablets.

Built With

Submitted to

TechTogether Boston 2023
- Winner The Spookiest Hack

Created by

I built most of the website's structure from Eno's design and Veronica's resources (the navigation bar, the cards on the resource pages, and the to do list).

Zhixin Jin
I created the sign in up page, and did some of design ideas (cards for the links, the nav bar). Although it was not my first time designing a website or working in a group, it was my first working under such a time crunch during a hackathon.

Eno Umoren
I helped with finding the links we needed for the webpage and with writing the descriptions. It was my first time using HTML so I didn’t know most of the code we needed but still tried to help in the coding part as much as I could.

Veronica Lupinacci