Alloy

Linked Banking and Social Web Application for Newcomers

Comment

Inspiration

We looked at the RBC event and wanted to make a banking website with our own SQL database application. Our concept was to make a simple utility website for people new to Canada to have an all in one utility for their needs.

What it does

Our all-in-one utility web application is a website where users can link multiple banks and accoiunts, check their transactions all in one.

How we built it

We first designed the website in Figma and coded basic elements in HTML. Then we imported tailwind CSS to help us create the same design that was used in figma. Our back-end group member then created a java-server-applet that runs all the transactions and user-management that combined with our web UI.

We coded the HTML and CSS from scratch without using API or external website builders to learn and experience how to build an HTML/CSS website. We tried to adapt and learn from Google's Material Design using figma

Challenges we ran into

We had some experience with back-end development with databases, password management, and user information. However, it was our first ever experience designing and creating a website with HTML and CSS. It took us a lot of work to implement the UI to work with the back-end systems. We also wanted to implement a customer support based application based on ChatGPT, however, due to time constraints, we weren't able to finish it.

Accomplishments that we're proud of

We're very proud of the design of the website. Although the final product might've not been fully up to the initial design due to time. We believe that our Interface was friendly and modern for a concept website. We're also very proud of the custom Database and Back-end application that we made. We did not use any APIs for the back-end applications dealing with transactions and user-management.

What we learned

Programming everything in HTML and CSS in a interactive web application was a big challenge for us. There were a lot of things that we wanted to implement but couldn't due to the limitations of static webpages and time.

What's next ?

We could implement the unfinished chatGPT support feature on the website. We also had a demo of a fourm feature that we could later add a UI,UX on for it to be fully functional.

Built With

Share this project:

Updates