Skip to content

Latest commit

 

History

History
161 lines (124 loc) · 4.51 KB

File metadata and controls

161 lines (124 loc) · 4.51 KB

Person Details Feature 🎭

Overview

You can now click on any cast member, director, or producer to view their detailed profile page with biography, filmography, awards, and social links!

What's Included

🎬 Person Profile Page

When you tap on any actor, director, or producer, you'll see:

Personal Information

  • 📸 Profile photo
  • 🎭 Known for (Acting, Directing, Producing, etc.)
  • 👤 Gender
  • 🎂 Birthday (with age calculation)
  • 🪦 Death date (if applicable)
  • 🌍 Place of birth
  • 📝 Also known as (alternative names)
  • 📊 Popularity score

Biography

  • Full detailed biography from TMDB
  • Life story and career highlights

Social Media Links

Click to visit their social profiles:

  • 📷 Instagram
  • 🐦 Twitter/X
  • 👍 Facebook
  • 🎬 IMDb

Filmography

Browse their complete work with tabs:

  • Movies Tab: All movies they've worked on

    • Movie posters
    • Movie titles
    • Their role/character
    • Movie ratings
    • Click any movie to see its details
  • TV Shows Tab: All TV shows they've worked on

    • Show posters
    • Show titles
    • Their role/character
    • Show ratings
    • Click any show to see its details

Interactive Elements

  • Sorted by popularity (most popular projects first)
  • Horizontal scrolling for easy browsing
  • Click any movie/show to navigate to its details page
  • Seamless navigation - explore as much as you want!

How to Use

From Movie Details Screen:

  1. View Cast Members

    • Scroll to the "Cast" section
    • Tap on any actor's card (photo + name)
    • Their profile page will open
  2. View Directors

    • Find the "Director" section
    • Tap on the director's name (blue/underlined)
    • Their profile page will open
  3. View Producers

    • Find the "Producers" section
    • Tap on any producer's name (blue/underlined)
    • Their profile page will open

From Person Details Screen:

  1. Explore Their Work

    • Switch between "Movies" and "TV Shows" tabs
    • Scroll through their filmography
    • Tap any movie/show poster to see its details
    • Keep exploring - you can go from person → movie → another person → their movies... endless discovery!
  2. Visit Social Media

    • Scroll to the social links section
    • Tap Instagram, Twitter, Facebook, or IMDb icons
    • Opens in your browser/app

Example Flow

Movie: "The Family Plan 2"
  ↓ tap on actor
Actor Profile: "John Doe"
  → See biography, birthday, birthplace
  → View social media links
  → Browse their 50 movies
  ↓ tap on another movie
Movie: "After the Hunt"
  ↓ tap on director
Director Profile: "Jane Smith"
  → See their directing credits
  → Browse their TV shows
  ↓ and so on...

Features Summary

Section Features
Header Profile photo, name, department, popularity
Biography Full life story and career details
Personal Info Birthday, age, birthplace, gender, aliases
Social Links Instagram, Twitter, Facebook, IMDb
Movies Complete filmography with posters & ratings
TV Shows Complete TV work with posters & ratings
Navigation Click movies/shows to explore further

Technical Details

New Files Created:

  • src/screens/PersonDetailsScreen.js - Person profile screen
  • Updated src/services/tmdbService.js - Added person API endpoint
  • Updated src/navigation/AppNavigator.js - Registered new screen
  • Updated src/screens/DetailsScreen.js - Made cast/crew clickable

API Endpoints Used:

  • /person/{person_id} - Person details
  • Appends: movie_credits, tv_credits, external_ids, images

Data Displayed:

  • Personal biography
  • Birth/death dates with age calculation
  • Social media IDs
  • Complete movie & TV credits
  • Profile images
  • Character/job information for each credit

UI/UX Highlights

Smooth Navigation - Navigate between people and their work seamlessly

🎨 Modern Design - Card layouts, tabs, and clean typography

📱 Touch-Friendly - Large tap targets for cast photos and names

🔄 State Management - Loading states and error handling

🎭 Rich Information - Biography, personal details, full filmography

🔗 External Links - Connect to social media and IMDb

📊 Smart Sorting - Most popular/recent work shown first

Try It Out!

  1. Open any movie details page
  2. Tap on any cast member's photo
  3. Explore their profile and filmography
  4. Tap on any of their movies to see more
  5. Discover new actors and their work!

Enjoy exploring the world of cinema! 🎬✨