All solutions

Because of the animations, The screenshot is off on the bar heights. Is that something I can disable for testing on my end, or is it a FEM thing?

Suggestions for improvement welcome!

I'd love comments on the TypeScript. I'm just beginning my TSC journey.

Any suggestions on reducing my theme files from 3 individual files to 1 file? Also, I am still figuring out how to pass props into styled components. Can anyone help me figure that out?

I just resubmitted this project, adding on Redux, React-Redux, Reselect, Redux-Logger, and Redux-persist. Now, currentUser and Comments are all in the redux store. I kept the toggle functions as react hooks because they needed to stay localized to the specific components they were mapped to.

Also, I used redux-persist in order to access local storage so the user's comments wont disappear when the page is reloaded.

Now that the code is much cleaner and organized, I notice that the modal window can be its own component. I'd like to fix that soon.

This is my first time using redux and its corresponding libraries all on my own, so comments on best practices, organization, etc are welcome!

My number inputs have scrolls when active. Does anyone know how to get rid of those?

Now with typescript!

Working with SVG files always throws me off. This time, I was struggling with getting the svg to render by going through the data.json file. I ended up importing each svg as a react component, but is there a way to make this part of my code more scaleable?

I also had trouble sizing down the svg for the mobile version. How can I manipulate the size of a ReactComponent?

In order to overlap the footer's background, I used position:relative, but this caused the links to not work. I've tried all sorts of different z-index changes, but still no imporvement. Does anyone have any directions to explore for this fix?

Also, Im sruggling to get a transition on my primary button. I can only get a transition on the "mouse-off" action. On top of that, the blue from the mui button pops through during transition. How can I disable this?

The links section at the bottom doesn't look great with long urls. Any suggestions on how to tighten that up?

When there is no user found, what should I display in the profile container?

I couldn't figure out the color styling on the main title in the hero section. Can anyone help?

I haven't made an attempt at the lazy-loading effect for the images. I'd like to try that out and re-submit this challenge.