All solutions

Phew, finally done! This was not as easy as it looked it. I used radix-ui primitives for accessible headless ui components. Added a lil bonus dashboard with yearly reports showing pie/line chart using nivo (that's where accessibility went out of the window how do people make charts accessible???). Any feedback/bugs/issues lmk!!!

My first big project and I had so much fun making this :3. I tried framer-motion to help me with css animations but I can't help but feel like it's slow(lagging?) sometimes - if anyone has any insight on why this might be and how to fix it let me know!

Phew... that was not as simple as it looked like 😮‍💨

What made this app a lil tricky for me:

• form validation being interdependent for some errors
• finding out the difference between two dates in days, months and years - not as easy as it seems, you need to be mindful of leap years, day light savings etc for a more precise calculation (now I understand why there are many popular libraries for managing dates 😩)

Bonus: Added a nice little counter animation for years, months and days ✨

Let me know below if you find any errors✌🏻

It's been a long time since my last frontendmentor challenge, with this hope I stay more consistent :3

Had fun making this, any feedback welcome ^^

Hi,

Added a little bit of custom style so that all the numbers upto the selected rating are highlighted as well, hope it doesn't look bad - was trying to make it look like filled stars rating I see everywhere online.

Any feedback welcome! ^^

It's been a while since I used js, handling form inputs and validation took the longest time because of that. Tried to use regex to validate email, every solution I looked at is long and almost illegible, hope I can write and understand complex regex in the future Q-Q

Is it alright to position the level 1 heading offscreen so that page contains a level-one heading?

Hi, tried to make the component semantic and accessible but still not sure if I'm in the right way - any advice/feedback welcome!