All solutions

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

I'm proud of how I was able to actually complete this big project and I'm proud of how I learned and picked up solutions along the way to create this site. I am proud of the fact that I am now more comfortable using react-router, redux-toolkit and react hook form and many other tools.

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

The challenges were getting the correct layouts but studying the tailwind docs I managed to solve it. I also encountered an issue with dynamically rendering images but I managed to pull together a solution by looking through stack overflow and chatgpt. I also watched videos on youtube to learn about validation schemas and form building with react hook form.

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

I struggled with getting the drop downs correct some assistance with that would be great and also getting some of the containers to grow as the content grew seemed to be an issue for me so if anyone could shed some light on that I'll be grateful.

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

I'm proud of the fact that I was able to finish this challenge relatively quickly and wrote my own JS.

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

N/A

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

N/A

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

How simple the challenge felt. Work through it much faster.

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

No real challenges this time

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

N/A

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

I was able to easily layout my webpage and also understanding how to write my javascript code for the interactivity.

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

The challenge I had with this challenge is getting it pixel perfect with the images without the exact size design files. I allowed myself to not fall into perfection and finished it as best I could.

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

I would like help withe height of my webpage and making it consistent. I made the body 100vh but now it is affecting the top part of the webpage affecting the overall look of my website , I'd appreciate advice to fix this.

(update I actually managed to fix this problem!)

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

I'm proud that I was able to use css grid or at least identify that I could use it and I'm quite proud of how easy I found laying out this project.

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

No real big challenge except for getting started.

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

I would appreciate a better method of editing th cards because I feel like I could make it much cleaner code.

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

I was proud of the fact that I had no problem doing the layouts and it was relatively easy.

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

The share section on the desktop version was difficult to implement and I hope to get better at implementing such a feature and for it to be consistent throughout multiple screen sizes. I struggled with the picture and I needed to look up some solutions. I did not find my solution for the multiple screens.

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

I need help with the desktop version of the share section. I got it to display properly on a really large screen (I've been working on a tv screen) and on an ipad mini screen however as i added more media queries it ended up breaking the code. I need help implementing that part of the project.

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

I'm most proud of the fact that if I got stuck I pushed forward. This challenge challenged me (lol pun) a lot and at times I did not want to finish . I'm proud I did not yield and follow a tutorial. I'm most proud about that and my development of finding answers in the MDN docs. I would definitely work more on using grid that way my media queries would be better.

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

I struggled going from mobile to desktop and vice versa> I struggled using grid and next time for a project like this I would try using it again in a better manner to show my improvement and understanding of it.

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

I worry my code is unprofessional and a bit janky so if anyone can help me make it less long winded and more professional that help would be deeply appreciated and I also would like help with doing this with grid.

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

How quickly I moved through the layout design and I would like to improve my accessibility.

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

No real challenges this project as it was very easy to find solutions.

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

Semantics of my html.

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

I was proud of the fact that I did not need to look up too many things to start the project and I was able to do it mostly alone. I would time myself to finish quicker.

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

Changing the image at specific widths. I consulted youtube and saw how Kevin powell did it.

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

This was relatively easy so next time I'd like to time myself to finish this project a bit quicker.

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

No challenges present this time

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

I learned firsthand how to make more maintainable/professional code using data attributes and also my use of variables throughout. I learned new methods for CSS and got first hand experience as to how Grid and flexbox work. I also used HSL function to create gradients.

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

I was not sure how to make gradients at first as well as the padding of the whole component. It was a challenge writing clean css at first. I then watched Kevin Powell on Youtube and learned a lot from him doing this specific project and now I can confidently say I can do projects like this in the near future without hand holding.

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

I would like help with the gradient and I'd like suggestions on how to better make it also I need a bit of help understanding linear gradient more if anyone has better links than MDN.

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

I'm proud i manipulated the DOM and learned about tabbable elements and how to manipulate that.

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

I struggled with building the accordion semantically.

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

I would like help with the semantic HTML. If anyone could go through my code and help me improve it so it is cleaner and easier to maintain.

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

I'm proud that I confidently used flexbox and got my page to look eerily similar to the design images.

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

No challenges this time around

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

The mobile version of my project. I'm not entirely sure it is correct however my page is responsive I'd like some pointers and views about my code regarding that area i.e is my code correct for mobile?

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

I'm proudest about the psuedo selectors and being able to mimmick the exact look without the exact design.

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

I at first struggled with the markers and how to position them. I figured them out by using the MDN docs and chatgpt.