Matt Pahuta
@MattPahutaAll solutions
- Submitted about 1 month ago
Responsive Tip Calculator app using JavaScript
- HTML
- CSS
- JS
I'm falling short with some accessibility features with this app and would need to spend a good deal more time on that aspect before feeling it's truly a production-ready site.
I also don't like leaving empty elements (p tags for the error messages in this instance) as part of my markup. A future iteration of the project would be to enhance the code to dynamically create/remove the elements as part of the error messaging rendering functions.
Finally, I spent some time working on a currency auto-formatting function for the bill amount input but it didn't make it into the project just yet. Again, that's a candidate for future enhancements.
- Submitted 2 months ago
Responsive recipe card component using flexbox and CSS Grid
- HTML
- CSS
Any tips to streamline markup and/or styles is are always welcome.
- Submitted 4 months ago
Preview card component using Flexbox
- HTML
- CSS
Suggestions on streamlining my CSS are always appreciated.
- Submitted 6 months ago
Responsive newsletter signup form using vanilla JavaScript
- HTML
- CSS
- JS
I'm hoping I managed to preserve accessibility requirements with my custom form validation, so any feedback in that regard and for the design in general is always appreciated.
- Submitted 6 months ago
Responsive portfolio website using CSS Grid and JavaScript
- HTML
- CSS
- JS
The form validation I implemented is not ideal. My JS code is definitely bloated and not reflective of modern best practices. It's an area (forms in general) that I need to spend more time practicing.
- Submitted 8 months ago
Responsive landing page using Tailwind CSS
- HTML
- CSS
- JS
I'm definitely still learning to become proficient with Tailwind, so there's certainly a lot of areas around class usage I can improve upon. Being new to the framework, it's difficult to gage if my html is overly polluted with classes, especially given the layout isn't the most complex. Of course, proficiency will come with time and practice but I'm happy to receive any and all feedback on my Tailwind implementation.
- Submitted over 1 year ago
Interactive dashboard using CSS Grid and JavaScript
- HTML
- CSS
- JS
I fear this solution is not very accessible. I'll need to go back and make some revisions with eye toward accessibility best practice.
- Submitted about 2 years ago
Responsive preview component using CSS Grid and Flexbox
- HTML
- CSS
- JS
I think my JavaScript code, minimal as it is, could probably be improved.
- Submitted about 2 years ago
Responsive product card using Flexbox
- HTML
- CSS
It's been some time since completing this project, but I still feel good about the flexbox styling I employed. If anything, I'd like to modernize some of the handling of fonts and further streamline the overall style code count.
