This app immerses users in the world of cinema by offering a comprehensive guide to movies. From blockbusters to hidden gems, it provides trends, detailed insights, and a personalized experience.
The interface is inspired by iOS 18’s Photos App, featuring a grid layout that ensures a clean, intuitive user experience.
The project involved research, design, and continuous testing to ensure a seamless journey for movie enthusiasts. The result is a sleek, one-page app that helps users discover new films and navigate the world of cinema effortlessly.
Cross-Platform Support
Built for iOS, macOS, and iPadOS, the app ensures a consistent and accessible experience across Apple devices.
Whether users browse on their phones, tablets, or desktops, the application adjusts effortlessly to each platform’s unique layout.
Additionally, the app incorporates a spatial design concept for Apple Vision Pro. This redefines the way users interact with the app, providing an engaging experience that blends seamlessly with Apple’s advanced spatial ecosystem.
This adaptability maximizes user convenience and delivers a unified experience, catering to various usage scenarios, such as exploring movies on-the-go or planning a film night at home.
Integration with TMDB API
The app is powered by the robust TMDB API, providing users with up-to-date information on movie trends, cast details, and synopses. This integration ensures a reliable and accurate data source, keeping users informed about the latest releases and popular films.
It also allows personalized searches and filtering options, enabling users to find movies that perfectly align with their preferences or specific criteria like genre or cast.
//
// GridTrending.swift
// MovieLookUp
//
// Created by Alexander Pahl
// 13.08.24 - 14.08.24
//
import SwiftUI
struct GridTrending: View {
// MARK: - PROPERTIES
@ObservedObject var viewModel: MovieDiscoverViewModel
let columns = [
GridItem(.flexible(), spacing: 5),
GridItem(.flexible(), spacing: 5),
GridItem(.flexible(), spacing: 5)
]
// MARK: - BODY
var body: some View {
LazyVGrid(columns: gridColumns, spacing: 5) {
ForEach(0..min(moviesViewModel.latestMovies.count, 12), id: \.self) { index in
let movie = viewModel.latestMovies[index]
NavigationLink(destination: MovieDetailView(movie: currentMovie)) {
MovieCardView(movie: movie)
.frame(width: 140, height: 130, alignment: .center)
.clipped()
}
}
}
.padding(0)
.onAppear {
viewModel.loadLatestMovies()
}
}
// MARK: - PREVIEW
struct GridTrending_Previews: PreviewProvider {
static var previews: some View {
GridTrending(viewModel: MovieDiscoverViewModel())
}
}
//
// Cooming Soon
//
//
// Cooming Soon
//
Behind the scenes - GridView
I would like to give you a little insight behind the scenes of the MovieLookUp app.
The app is based on the API by themoviedb.
The file name and UI alone show that this is an Xcode file. I programmed MovieLookUp using SwiftUI to give it the best possible experience on all Apple hardware.
The SwiftUI file shown here is the GridView, it is one of the first elements in the user interface. This App was based on the new released iOS 18 Photos App Design, this is shown with this element. It is simply an incredibly nice and quick overview of diverse movie world.
In combination with a ton of other small and big elements it's create the DiscoverView. In an One-Page-App design like this one it's crucial to not overwhelm the user and keep it simple and clean which is a one of the benefits of grids like this.
Cooming soon
Cooming soon
Cross Platform
FAQ
The primary inspiration behind the design was the new Photos App redesign introduced with iOS 18. This design incorporates a similar onboarding experience, also featuring a grid view and a customizable one-page navigation.
Mostly, it begins with a thorough user research and study phase. In this case, I personally took over the role of the representative persona and user, considering how much I would use an app like this. After sketching out use case scenarios and gaining a comprehensive understanding, the process swiftly transitions to conception and brainstorming. My intention was to embrace the new iOS 18 redesigned photos app and design the UI around its central feature, the GridView. Subsequently, every other UI element is developed in a similar manner. Throughout the development process, I consistently tested the app on physical devices to experience the UX firsthand and make necessary fine-tuning adjustments. After considerable effort, a product like this is finally complete.
I’m currently working on a spatial experience for this application. I’d love to get your thoughts on it.Take a look and let me know what you think!
I’m an avid movie and series enthusiast, constantly seeking out new cinematic experiences. I love discovering and sharing my favorites with others, so I decided to create my own app to help people find and enjoy great movies.
You can check out my reviews on IMDb if you’re interested.