Day 19 of #100DaysOfCode — Building a Tour App (Part 1)

Up until now, I’ve covered quite a few topics in React—Zustand, useQuery, React Router, and more. After building my previous weather app, I felt it was finally time to take a step forward and create something slightly more advanced. So… I decided to build a Tour App . It’s a project where I integrate multiple APIs to display tour-related information—images, country data, and detailed cards for destinations. This project isn’t completed yet, so I’m splitting it into two parts , and today’s update covers the initial structure, setup, and thought process. Why a Tour App? I wanted something that would allow me to practice: API integrations Custom hooks Reusable UI components Routing between multiple pages Handling async data with useQuery State management with Zustand Compared to my weather app, this project pushes me deeper into real-world React architecture. 📁 Project Structure (So Far) Here’s the folder structure I’m using: src/ ├── components/ ├── pages/ ├── data/ ├── hooks/ └── App.js