All solutions

This project offered some challenges. Most of the challenges were self-inflicted but I was able to find work arounds to get the task complete. I will continue to correct these as time goes on.

One of the areas I am not happy about is the responsive images and not being able to implement srcSet. This will be one of my goals because this seems to be one of the regular issues I have.

• With this project, I tried implementing the structure to be as difficult as possible, allowing me to practice and test my ability to use every aspect of React that I know. The difficulty came when sending state down multiple components and sending state upwards through methods sent as props. It was a little overwhelming at times but through debugging and trial and error, I achieved what I intended.
• Even though I intentionally overused components and attempted difficult structure, I am unsure if my implementation of state is correct.
• Any recommendations are much appreciated.

This project was by far the best learning experience and one of my favorites.

The difficulty was the complexities I wanted to add with multiple components, using states and methods altering states. Once the project became more cluttered and full, I had to slow down to understand how to implement certain aspects of the challenge.

I am unsure of some of my solutions when it comes layout. There were unique layout features that I was unsure of implementing but I did get it to work, although I am unsure exactly if it is the best practice.

Again, having issues with using srcSet with CRA. Will continue to find a solution. To navigate around the issue, I implemented a new method to access window.innerWidth and using useState and useEffect hooks to accomplish the task. Another issue is getting used to the look and overcoming the messy-ness of TailwindCSS. I am unsure of some of the styling using TailwindCSS.

The major issue I had with this project was using srcSet in React to display correct image for responsiveness . After doing plenty of research and attempts, I finally had to implement my own method using useState and useEffect. It was pretty easy to implement but still need to understand the use of srcSet.

Being one of my few projects using TailwindCSS, the styling implementations and custom styling added need to be further investigated and i believe refactored.

• This project gave me a few issues. Trying to understanding sizing, widths/max-w height/max-h in tailwind was by far the most challenging. Github pages will not show my background image. Config file is right, I just can't figure out why it will not work.

• The structure of the HTML is not my best. I unfortunately put code to editor before properly going through structuring and understanding a best approach.

• How can I get github pages to show background image for mobile design. I have tried everything and looked online without any solution. My assumption is file-path issues that I am not familiar with or tailwind and project structure. Please help! haha.

** Update: Deployed to Vercel, it works fine but now the styling on solution page is not styled. Most likely an issue with TailwindCSS and ./dist/output.css?

• This challenge was pretty straight forward. One of the main issues that occurred was the widths of the card and getting it just right. Since I am still learning how to effectively use TailwindCSS, it was weird getting exactly what I wanted.

• As a beginner to React, the area where a lot of my concerns other than discussed above was my implementation of the state in React.

• This project has guided me to dig deeper into best practices with TailwindCSS widths and React state implementation. Any advice on these would be much appreciated.