Space Tourism Website – Tailwind CSS & JavaScript Fetch API

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

I’m most proud of successfully implementing Tailwind CSS for styling and ensuring the website is fully responsive across different screen sizes. Additionally, integrating the JavaScript Fetch API to load dynamic data from data.json was a great learning experience. Debugging deployment issues on GitHub Pages and getting everything live felt like a huge milestone! Next time, I’d focus on structuring my project files more effectively from the beginning to avoid extra adjustments when deploying. I’d also explore animations and accessibility improvements to enhance user experience

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

One major challenge was configuring GitHub Pages correctly. Initially, my project structure caused issues with loading pages, and some assets weren’t displaying due to incorrect file paths. Debugging deployment issues helped me understand how GitHub serves files and the importance of structuring directories properly. I carefully reviewed my file paths and adjusted them to match GitHub’s directory expectations. I also learned how to efficiently update all paths using VS Code’s Find & Replace feature, saving time and effort. Through trial and error, I successfully deployed the project while improving my workflow for future projects.

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

I’d love feedback on my use of Tailwind CSS for styling. Did I structure my utility classes efficiently, or are there areas where I could improve maintainability? Also, I used the JavaScript Fetch API to retrieve data from data.json. I’d appreciate suggestions on optimizing data handling—does my approach align with best practices? Lastly, any insights on improving responsiveness across different screen sizes would be super helpful!