Responsive multi-page space tourism website using React

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

This was my first time manually configuring a project using Webpack, NPM, Babel, and PostCSS. I had a lot of fun learning how everything works together.

I was able to utilise some new programming concepts that I learnt recently, some of which are recursive functions and immediately invoked functions. I used both of these in tandem to achieve a solution to an issue I encountered that prevented images from loading on the production build.

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

I came upon an issue where the images on my site weren't loading after pushing the project to Github and using Github Pages to host the site.

It turned out that these issues were caused by the lack of a rule in the Webpack config file to handle images. So I altered the Webpack config file and then used require() for all the image file paths, which made it so that the images were emitted in the build folder and therefore displayed properly on the live site.

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

I'm still very much a beginner at using Webpack and NPM, so if anyone has any useful tips or knowledge, please share it with me to help me improve my understanding, it would be much appreciated.

The same goes for React too. If there is anything I can improve within my code to make it more efficient or just better in general, please let me know.