All solutions

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

• Implemented this project using TypeScript. Used React Context for state management and properly typed it with TS.
• It was a big project overall (comparing it with the ones I completed earlier) and I had fun implementing it.

What challenges did you encounter, and how did you overcome them?

• Not faced any challenges, but I needed some help to format price as USD currency. This comment helped me implement that: https://www.reddit.com/r/reactjs/comments/vjto9t/comment/idl23g8/?utm_source=share&utm_medium=web3x&utm_name=web3xcss&utm_term=1&utm_content=share_button

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

Any feedback on how my code can be improved in terms of code quality and accessibility, coding best practices, or feedback related to anything in general? Any feedback related to responsiveness of app?

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

I implemented this project using TypeScript which I recently learnt and it is also getting so popular for web development.

What challenges did you encounter, and how did you overcome them?

Didn't face any challenge, it was an easy one.

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

• What other efficient approaches can I use to implement the solution?
• Any feedback on how my code can be improved in terms of code quality and accessibility, or feedback related to anything in general?
• Any feedback related to responsiveness of app?

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

It was my first project ever in which I implemented responsive design. This time I followed the desktop-first approach, next time I will be doing it with mobile-first approach.

What challenges did you encounter, and how did you overcome them?

It was a bit challenging for me to implement the mobile layout especially placing its image.

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

• What other efficient approaches can I use to implement the solution?
• Any feedback on how my code can be improved in terms of code quality and accessibility, or feedback related to anything in general?
• Any feedback related to responsiveness of app?

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

I've newly learnt how to create accessible accordions and enable keyboard navigation while working on this project.

What challenges did you encounter, and how did you overcome them?

It was challenging for me to implement keyboard navigation in accordion as I never did it before. Then I came across an stack overflow post that helped me with this.

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

• What other efficient approaches can I use to implement the solution?
• Any feedback on how my code can be improved in terms of code quality and accessibility, or feedback related to anything in general?

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

I have styled this project using Tailwind CSS framework and used React library to implement the solution.

What challenges did you encounter, and how did you overcome them?

Nothing till now.

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

• What other efficient approaches can I use to implement the solution?
• Any feedback on how my code can be improved in terms of code quality and accessibility?

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

I have styled this project using Tailwind CSS framework.

What challenges did you encounter, and how did you overcome them?

I faced challenges while adding hover effect on the image to display the eye icon on top of a cyan background. I could do that very easily using JavaScript but couldn't come up with a CSS-only solution. Then, I asked ChatGPT for help which gave me a code snippet, and it worked!

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

• What other efficient approaches can I use to design the same layout?
• Any feedback on how my code can be improved in terms of code quality and accessibility?

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

I have styled this project using Tailwind CSS framework and made it responsive.

What challenges did you encounter, and how did you overcome them?

Nothing till now.

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

• What other efficient approaches can I use to design the same layout?
• Any feedback on how my code can be improved in terms of code quality and accessibility?

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

I have newly learnt Tailwind CSS framework and used in this project for styling.

What challenges did you encounter, and how did you overcome them?

The most challenging thing in my opinion is to guess the spacing between the elements, font weights, padding, etc.

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

• What other efficient approaches can I use to design the same layout?
• Any feedback on how my code can be improved in terms of code quality and accessibility?

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

I have newly learnt Tailwind CSS framework and used in this project for styling.

What challenges did you encounter, and how did you overcome them?

The most challenging thing in my opinion is to guess the spacing between the elements, font weights, padding, etc.

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

• What other efficient approaches can I use to design the same layout?
• Any feedback on how my code can be improved in terms of code quality and accessibility?

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

I used CSS flexbox to build the layout of the web page which I learnt just a week ago, so this project helped me practice my HTML and CSS skills. If I get the opportunity to do this project again, I would like to style it using Tailwind CSS.

What challenges did you encounter, and how did you overcome them?

• As this was a pretty simple project, I didn't encounter any challenges as such in coming up with the code.
• I didn't use the design files on purpose to see the exact font-size and spacing, so that it can serve as a practice for next projects in which I don't have access to these files, so it was a bit challenging to guess the padding, sizes and related stuff, in order to make it look as close to the design as possible.

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

• What other efficient approaches can I use to design the same layout?
• Any feedback on how my code can be improved in terms of code quality and accessibility?