All solutions

I am eager to receive constructive feedback from you.🙂

In this SvelteKit project, I encountered an issue that I would appreciate guidance on. Specifically, when navigating from a child route back to the home route, the data is being fetched again and the state is being reset to its initial value. Is there a way to prevent this from happening and maintain the current state upon returning to the home route? I would greatly appreciate any insight or solutions that the experts in SvelteKit may have to offer.

It was quite an interesting challenge. I will be happy for your valuable feedback. I think you are open-minded to giving me feedback.

Hey everyone. 👋 I am waiting for your valuable feedback.🥰 The design has a state where Reset Button is disabled. But I didn't feel like disabling that. What do you think? I am not sure about the algorithm for calculating tips. What did you use?

Hello 👋. It is my first project where I have added a dropdown. I will be happy to receive your valuable feedback. 🥰

What media query breakpoint do you use for mobile & desktop?

Hi there.👋 I have completed the space tourism website challenge with help of scrimba course & Kevin Powell.

I have learned a lot of things. & It is my first multipage website. So it was tough for me.

Feel free to give suggestions & feedback. I will be happy if you help to improve

I recently learned a design system & I used it here. What can be improved? Please give some feedback.

I was working on this project in Chrome. The Advice was being fetched perfectly. Then I went to Firefox. The Advice was being fetched only one time & not changing. I clicked the button multiple time but nothing happened. I went to the network tab & saw The request were 200. After some research, I realized that Firefox cached the response. Every time, I called the API, It gave the cached response. Then I used { cache: "no-cache" } in fetch function. Now It's working fine.

I used CSS variables to store style-guides color. But I feel uncomfortable in naming. How do you name your CSS variables?

For the tooltip & bottom date indicator, I used CSS pseudo selector ::after & ::before. But I couldn't change the content of those in my script. Then I two div inside chart__bar for tooltip and bottom date indicator instead of the pseudo selector. Can I change ::after or ::before's content in js?

Secondly, What is the best way to size the chart bar? The spend amount can be bigger. I looked over the data & found the max amount is "amount": 52.36. Then I used it as 100% & size all the bars. What is the better way to do this?

How do you name your HTML & CSS classes?

I selected columns with pseudo-selector. What is the best practice?

On the style-guide.md, they said to use font-size 18px. I used only on p. Should I use the font-size on root?

I hard-coded the height and width of the card container for desktop mode. Is it good? or I could use other better alternatives.

I will be happy🥰 if you please review my code and give me feedback. :)