All solutions

This is a desktop app built with GatsbyJS. I wanted to get some practice making API calls and get an introduction to Gatsby. I don't think this was a great project for Gatsby because it's a single-page application and there isn't any need to use graphQL in the app, but I learned a bit nonetheless.

Thanks for checking out my project! This was a fun project. I made this app only for desktop, didn't have the time to add media queries yet. I used React with Hooks and Context for the build, session storage for a database, and Netlify for deployment. I think it came out pretty good (so far).

If there are any issues, errors, or best practices that I am missing, please let me know! Constructive criticism is always welcome! Thanks!

Update - I've added all media queries to make the application fully responsive

Hey everyone! Thanks for checking out my project! I'm pretty pleased with how this turned out. I really used this project to get an idea of how long a website like this takes (for me) to design, to gauge for future projects. I didn't run into any major issues, other than bizarre layout behavior, which seems to be an ongoing issue for me. Getting better, though.

If there is anything wonky with the layout or any other best practices that I fail to use, please feel free to let me know! Constructive criticism always welcome!

Hey everyone! I think this project went pretty well. I've been able to apply a lot of things I've learned and use the feedback I received on previous projects. I ran into a few minor issues with animating the SVGs, but nothing crazy. One thing that continues to elude me is best practices for structuring CSS and JS files. I really made an effort to keep those files organized in a logical way. Any feedback is welcome, particularly in regards to best practices I may be overlooking. As always, thanks for taking the time to view my project!

1. One issue I can't seem to fix is the background images. When I first deployed the site, I forgot to remove 'dist' from the URL for the background images. I changed them to the correct file path but the site would not update. My GitHub repo has the correct path but it won't update on the project site itself. The only way I could get it to work was to use inline styles for those 5 background images, but then the media queries don't work properly for updating those images. Does anyone know why this is happening and how I could fix the issue?

This project was a total beast! Maybe a bit more than I was prepared for, but I'm fairly happy with how it turned out. It took me about a month to finish, and I really feel I learned a lot along the way. One thing I'm still struggling with is basic file structure, particularly with React and the Context API. I often feel like there's just a big pile of code that becomes hard to sift through when the files get rather lengthy. Any suggestions about how to better organize the code in these files or a best-practice way to place specific blocks of code would be super helpful. Per usual, any other feedback about improving this app or tips I can bring to future projects are welcome, as well.

I wanted to try adding React to a website rather than building an entire React App, but I couldn't figure out how to pass props to the top level React component. Basically, I'm wondering if the regular DOM has something comparable to State a React Component? Thanks!

Hey everyone, here's my solution for the Rock, Paper, Scissors project. I opted for the bonus option. I'm super new to this stuff, so any feedback would be appreciated. Thanks!