Travel Planner App
Spring 2025
This is an app that helps users plan for their next trip with pages including packing list, hotel booking, and activity selection. For my Native App Development Midterm Project, I created a project where I could use the skills I learned in the class so far in the lessons. Using SwiftUI on Xcode, I coded the Travel Planner App to prepare users to plan their next vacation in terms of packing, hotels, and activities. Some of the elements I coded include ScrollViews, navigation links, MapViews, button styles, arrays, and transitions to display the content.
The Process
The Challenge
For this project, I needed to use all the skills I learned from the course so far to make an app that is fully functional and usable using SwiftUI and Xcode. While I was able to code most of the topics I learned, I also faced some challenges. I faced challenges including the MapViews and the progress tracker.
The Solution
I have always been interested in planning my vacations and wanted to make an app that made this easier for people. Once I decided the idea, I started with creating the basic layout of the app. I created the content page with all links to the other pages. Then, I set up the packing list page and added the array list of all the packing items. This is where I encountered the first problem with the progress tracker. I wanted to update the progress tracker as the items were checked off the packing list. After merging various concepts, I realized I could use the state of a variable and create a checked list of items. As each item is checked, the variable for the progress tracker would update and the progress tracker would rebuild. After this, I worked on the activities page which included a description of each activity and images. Lastly, I created the hotels page which included MapViews of each hotel location. This was where I encountered the second problem. I learned how to build a map view for a specific location, but I did not know how to incorporate different locations with only one MapView. After playing around with the tools, I decided to take out the different views and keep the structure of the map view page with only one type of satellite map view. This way I could show only one view of the hotel location.
Results
I believe the results of this project is a successful app with useful features. I was able to use skills like ScrollView and MapView I learned throughout the first semester of the class to build this app. When I first started working on this app, I knew how to build features like the progress tracker and using arrays, but I wasn’t sure how to merge features like this to make a more complex app. I was able to learn how to work with different features and build on the skills I had. In terms of future iterations, I would like to make the app work more smoothly by adding features linking each page and then also maybe add an account feature to keep track of what has been selected and liked.