Rebuiding Train Booking Feature by SwiftUI in 12Bay Application - Design

Table of Contents

Abstract

Today, we are continuing our journey of learning SwiftUI by rebuilding the train booking feature in the 12Bay application. This function is designed to help users find trains that are available for their desired departure and arrival stations. Once users find their preferred train, the app will show them which seats are available for that specific journey. Users can then choose their preferred seat type, like window or aisle seats, and select the number of tickets they want to book. They can review all the booking details, make any necessary changes, and then proceed to the payment step. Through this post, we will gain a better understanding of how to create a seamless and user-friendly train booking experience.

• All train booking UIKit will be rewrite in SwiftUI
• To deepen understanding of SwiftUI via custom Seat layout
• Using UIKit and SwiftUI together

Wireframe prototype

I have been researching ideas for designing seat layouts and I have come across various interesting concepts. Here are a few examples of the seat layouts I have selected

After over an hour, I have designed a layout that I will develop. Here it is:

Conclusion

Wow, after getting the design idea, I am very excited to turn it into reality. However, I have encountered several challenges, but I hope that I will overcome them, In the following articles, I will share in detail how I use SwiftUI to build the train ticket booking feature. I look forward to meeting you soon. Happy coding ^^

Posts in this Series

• TTBaseUIKit Has Been Integrated With SwiftUI Since Version 2.1.0
• Rebuiding Train Booking Feature by SwiftUI in 12Bay Application - Design
• What Is the Spacer and How Do We Use It in SwiftUI
• 12Bay Integrated SwiftUI. With 12Bay, No StoryBoard, No XIB Files, No Cocoapods, ...
• Understand View in SwiftUI
• Understand Safe Area in SwiftUI
• WWDC23 From the Perspective of an IOS Developer
• SwiftUI Series - Updating TTBaseUIKit to Support SwiftUI