Sam
@samabatiAll solutions
- Submitted about 2 months ago
Full Stack Finance App w/ Angular 18, Express.js, Prisma, PostgreSQL
- HTML
- CSS
- JS
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.
- Submitted 4 months ago
IP Address Tracker with Angular, Leaflet and IP Geolocation API
- HTML
- CSS
- JS
- API
I would appreciate any constructive feedback.
- Submitted 4 months ago
Mortgage Calculator using HTML, CSS, TypeScript and Angular
- HTML
- CSS
- JS
I would appreciate any feedback on the structure of my application as I am new to Angular. Here's how I structured my application:
App component: This is my main component, which contains the structure for my mortgage calculator. Within the view of this component, I render all of the smaller components, each housing its individual views/logic of the form. Within my App component, I subscribe to the form group and the form submitted state, which were created within the service class. I am also holding these subscriptions within a subscription array so that I can unsubscribe when the component is destroyed (for best practices)
Components > form: In this folder, I have all of my individual form components, each with its own logic. Splitting the form into multiple components has made my code a lot easier to read, debug, and maintain. I believe this follows the separation of concerns software design principle, where each component in the software has only what it needs/is responsible for.
Components > form > forms-service: This service file contains all of my form's states and logic for updating, submitting, calculating, and formatting the outputs. Having all of the state and business logic in one service file made it significantly easier to debug or add features to any business logic/core functionality since I knew exactly where to look if I needed to make any changes to the business logic/core functionality.
