Latest solutions
interactive-comments-section
#axios#express#react#tailwind-css#typescriptSubmitted about 2 months agorest-countries-api-with-color-theme-switcher
#react#tailwind-css#typescript#vite#framer-motionSubmitted about 2 months ago
Latest comments
- P@danmlarsen@TrEv0rRrRr
wow! nice code bro! pretty equal to the challenge image. I can learn a lot from your way of styling and also I can try your tests in my project to see if is there any error.
- P@niuguy@TrEv0rRrRr
nice code bro!
- @MidoGhareeb@TrEv0rRrRr
nice code bro!
- P@niuguyWhat specific areas of your project would you like help with?
I used the new cursor agent extensively for this one, what do you think the outcome, I'm curious to know
@TrEv0rRrRrWow! Nice code bro! I can learn a lot with this!
- @dar-juWhat are you most proud of, and what would you do differently next time?
This time I used plugin "CodeTime", I liked it more, will use next.
Dicided to experiment with some new tools for me.
First of them - modules in SCSS, which replaces BEM methodology, classes with is looks like
:class="$style.result"
. My opinion is that BEM goes better with SCSS, or maybe I’m just more accustomed to BEM...Second, I used SCSS functions, or rather one function - converter pixels to rem. Here is the function:
@use 'sass:math'; @function rem($px) { @return #{math.div($px, 16)}rem; }
And using it: connecting in styles -
@use '@/assets/styles/_functions.scss' as func;
and using, for example -padding-right: func.rem(40);
All these innovations greatly increase the development time, according to CodeTime this component took 15 hours.
Calculating the mortgage also took time, the formula for annuity payments had to be googled + additional restrictions in input fields.
@TrEv0rRrRrWow! This job is pretty much the same as the challenge, nice code bro!
- @dullarzee@TrEv0rRrRr
Hey bro, nice code! To improve your order you can abstract some functions in another files as utils or helpers and then import it to your main js file. On the other hand, it seems that the custom font for this challenge doesn't loaded correctly.