Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Full Stack Finance App w/ Angular 18, Express.js, Prisma, PostgreSQL

P
Sam 160

@samabati

Desktop design screenshot for the Personal finance app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
5guru
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm most proud of the responsiveness and its proximity to the design. I tried to make it look as close to pixel-perfect as possible while maintaining the responsiveness throughout multiple devices.

What challenges did you encounter, and how did you overcome them?

The design was pretty challenging. Especially considering the layout for each page would change for each device type. I overcame this by taking my time and using both Flexbox and Grid. Managing the state for all of the data was complicated as well. I overcame this by using Angular's built-in service classes and RxJs to manage the state.

What specific areas of your project would you like help with?

I always appreciate constructive feedback. My next step for this project will be to create a backend using Express.js, TypeScript, Prisma (ORM), and PostgreSQL. This will allow me to add data persistence and authentication/authorization to the application. I wanted to share the current state of the application since most of the UI stuff is done.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord