All solutions

What are you most proud of, and what would you do differently next time?

In this project, I successfully utilised functional state updates and custom hooks. Although I aimed to make the functions in the code even more reusable, I found the new concept of custom hooks to be somewhat challenging.

What specific areas of your project would you like help with?

Experienced React developers, I’d love your insights on how I can improve the code quality of this project. Your valuable suggestions would be greatly appreciated. Additionally, if you could provide some resources to help me enhance my understanding of React concepts, that would be extremely helpful. Thank you!

Any suggestions and feedback are welcome.

I was able to build this component as close to the Figma file as possible. But I was having a really hard time styling the slider component. If anyone has any idea how to style the slider component, then I will be really grateful if you can provide me with some valuable suggestions.

I was able to add animation to the navbar when it expands on click, but I wasn't able to do the same when closing the navbar. If anyone can provide me with a resource on how to do so, I will be extremely grateful. Also, if anyone can tell me how to add a backdrop when the navbar expands on click, that will be of huge help. Any other suggestions or tips are welcome as well.

Although I was able to build this application with ease, I am facing a problem. Whenever random advice is generated, the width and height of the container keep changing. I want the width and height of the container to remain fixed even if the text keeps changing. Is there any way to do that? If there is, then I will be really grateful if you guys can drop your suggestions.

I built this website using React. I am new to React and was wondering if there is any cleaner way to write the code or arrange my folder structure. If you have any suggestions regarding this, then feel free to drop your feedback.

I was able to successfully replicate the tip calculator app, which is almost similar to the mockup. The only thing that I wasn't able to implement was the custom tip calculation. If anyone has any ideas on how to achieve that, then I will be really grateful for your suggestions and help.

While building this application I used a lot of if-else for validation. Also, the code that I wrote in general is pretty dirty in my opinion. If there is any way to improve the code quality or any way to modularise this code then I will be grateful if you can provide me with some suggestions as I am still learning about modular javascript. Also, if there is a simple way to write the validation checks then I will be grateful if you can provide me with some insights on the same.

I was able to make the site as close to the mockup as possible but I think that I could have written the javascript code in a much cleaner and optimised way. If anyone can provide some tips or suggestions on how I can optimise the javascript part of this code then I will be really grateful.

This challenge was a really interesting one as it involved designing a website that had curves which was something I did for the first time. I achieved the curved edges with the help of clip-path property in CSS. I know that we can do this with SVG as well but I couldn't figure it out so if you can provide some resources from where I can learn about it then I will be extremely grateful. Although I was able to make the website have curved edges for desktop and tablet I wasn't able to do it for mobile, so if anyone can provide me tips on how to achieve that then that will be great. I tried to make the website as close to the design as possible and also as responsive as possible. If anyone has any suggestions to write a better code or a better way to achieve the solution then please feel free to comment.

I was able to replicate this challenge to the best of my abilities with some minor tweaks in the functionality from my side but any suggestions from your side will be highly appreciated.

I was able to make this component responsive according to the width of different devices but I think it's not responsive according to the height of different devices. If you can provide me with some feedback or maybe some resources to adjust the content according to the height of different devices as well then I will be extremely grateful. Of course if you have any other suggestions as well then please feel free to provide those as well.

I built this component as close to the design as possible. The only thing I wasn't able to figure out was how to toggle the background change when clicking on the share button when the breakpoint width was for a mobile and I was also not able to figure out how to add some good animation when the share button was clicked. If you have any suggestions on how to do any of the tasks mentioned above and also a better way to write my code in HTML, CSS, or Javascript or any feedback regarding the project then please feel free to drop your suggestion.

Just completed this challenge. Any feedback on how to write better CSS or any suggestions in general are always welcome.

If you have the time then please feel free to drop your feedback and suggestions.

This is the very first project that I have worked on, so if I made any mistake that seems silly, please forgive me for that. The problem that I faced when building this component was mainly for the responsive design.

1.) When I was designing the component for a device whose screen size was 375px and below, the 'result-component' or the purple section (for ease of understanding) of the component had the upper half portion hidden. Now I found a quick workaround for that by adjusting the top position of the component but, it affected some devices whose size was slightly greater than 375px. Although the effects were pretty minor, I would love to see a more optimized solution for this problem.

2.) I would love to get some feedback on my code quality and would love to know if there was a better way to solve this problem or not. Also, I will be grateful to get my hands on some resources that can help me to improve my code quality.

3.) I would also love to get an opinion on how to write better README files for the projects.