Submitted
Andrew Simons
@AndrewSimons3
All solutions
Submitted
Submitted
Github User Search App
- HTML
- CSS
- JS
- API
I found the most difficult part to be the light/dark mode. Perhaps I went the wrong way about it but I ended up selecting all of the html tags specifically to assign colors and backgrounds and toggling a "light-mode" class on and off.
Also updating each innerHTML element with the data became quite meticulous as well. Not sure if there is a better way to go about this in pure JS. The error handling may also need work. All in all it was a really fun challenge and am proud of the result. Any feedback is greatly appreciated!
Submitted
Tip calculator html/css/sass/js
- HTML
- CSS
- JS
Submitted
Submitted
Submitted
Advice Generator html/css/js/api
- HTML
- CSS
- JS
- API
Submitted
Submitted
html/css chartjs - expenses chart
- HTML
- CSS
- JS
Submitted
My solution for making the app responsive was difficult as positioning the card display details (e.g. card number/ name/ expiration date) on top of the images became cumbersome. Relied on positioning the elements specifically using top/bottom/left/right. While this works, I'm sure there is a better way to go about this.
As for the validation of the form - I used regex to prevent the user from typing non numbers in all of the fields other than the name. My validation only checks if the inputs are blank. The input html attributes automatically handle some of the other validation.
Submitted
Ping Coming Soon HTML/CSS
- HTML
- CSS
- JS
Submitted
Submitted
Submitted
Submitted
Base Apparel HTML, CSS, JS
- HTML
- CSS
- JS
Submitted
Four card feature HTML CSS
- HTML
- CSS
Submitted
Article Preview HTML CSS JS
- HTML
- CSS
- JS
Submitted
Social Proof HTML/CSS
- HTML
- CSS
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
QR code html/css
- HTML
- CSS