This is the first advanced challenge I've completed. There were many hurdles along the way, but overall I'm happy with how this project turned out.
I decided to use EJS because I recently completed Colt Steele's web development boot camp and EJS was the main templating engine that was taught. The other technologies I used in this project were express, axios, and local storage.
If you take a look at the repository, you would see that the CSS file is quite long. I decided not to use a library/framework for fear of not replicating the design well. However, I may remake this project in the future with a javascript framework and a CSS library/framework in the future, but for now this is my solution given the technologies I am comfortable working with.
I wasn't sure how to go about styling the options of the region filter. I did some research online and found that it would be difficult to style the options to look good because of cross-browser differences, so I decided to just leave them alone.
Some challenges I had while building this project were:
-getting the selected page theme to persist as the user navigates the pages or refreshes a page (that was what local storage was used for)
-rendering the actual names of the border countries on the details page as opposed to their 3 letter codes
-organization of files and code
I did the best I could given the one week timeline I placed on myself. If you have any ideas or tips on how I could improve my code, don't hesitate to let me know. Thanks!