All solutions

This project was really challenging, at first I used useParams to get the string associated with the particular button the user clicked, then later i felt i could do better not to expose the string in the URL so i continued research and i decided to implement it with useContext and createContext react components. i did same thing with the score, so i could expose the score using a custom useScore hook to share the score amongst components.

my final challenge was handling the browser refresh/reload when the game is reloaded and handling the error page when the reload happens because I'm using useNavigate to route between components on the page. i also tried using a wildcard ('*') to the error page, but it wasn't working.

for the score, i used the localStorage method to cache the score locally.

please I'll appreciate every feedback and how i could fix the browser reload

My react journey continues, During the project, I implemented useState and components from the react-router-dom library. it was fascinating implementing these concepts, especially handling the error state.

At first glance, the project looks simple, but implementing the sidebar and dropdown menu and managing the different states respectively was an excellent challenge.

Please check it out and help me with corrections.

I faced many challenges during the project *hahaha, but I think that's why its a challenge. I'm glad I was able to scale through. *using tailwind to achieve the hover state for the navigation menu *the hover state for the 'Our creations' section.

In all, I'm glad I completed it in little time.

The part i found difficult during the project was when i tried to make the Learn More button. i had to apply three different technique during the process of finding a solution, it was challenging enough, but i'm glad i was able to fix it.