mockPeliculas

Overview

mockPeliculas is a static array of movie objects that serves as the data source for the ReactFlix application. It contains 8 movies with complete metadata including titles, directors, cast, ratings, pricing, and trailer URLs.

Import

import { mockPeliculas } from '../data/mockPeliculas';

Data Structure

Movie Object Schema

Each movie object in the array contains the following properties:

number

required

Unique identifier for the movie (sequential integers starting at 1)

title

string

required

Movie title in original language

director

string

required

Director name(s). Multiple directors are comma-separated (e.g., “Lana Wachowski, Lilly Wachowski”)

year

number

required

Release year (4-digit year)

genre

string

required

Movie genre in SpanishAvailable genres:

“Ciencia Ficción”
“Acción”
“Crimen”
“Drama”

duration

number

required

Movie runtime in minutes (136-175 range in dataset)

synopsis

string

required

Brief plot summary in Spanish (1-2 sentences)

image

string

required

URL to movie poster image (various sources including Bing, TMDB, Amazon)

trailerUrl

string

required

YouTube embed URL for the movie trailer (format: https://www.youtube.com/embed/{VIDEO_ID})

price

number

required

Purchase price in Euros (range: 9.99€ - 14.99€)

alquilerPrecio

number

required

Rental price in Peruvian Soles (range: S/ 2.99 - S/ 4.99)

rating

number

required

User rating score on a 0-10 scale (range: 7.8 - 9.2 in dataset)

language

string

required

Primary language of the movie. All movies in the dataset are “Inglés” (English)

cast

array<string>

required

Array of main cast member names (typically 3 actors per movie)

Complete Dataset

Movies Included

ID	Title	Year	Genre	Director	Rating
1	Inception	2010	Ciencia Ficción	Christopher Nolan	8.8
2	The Matrix	1999	Ciencia Ficción	Lana Wachowski, Lilly Wachowski	8.7
3	Interstellar	2014	Ciencia Ficción	Christopher Nolan	8.6
4	The Dark Knight	2008	Acción	Christopher Nolan	9.0
5	Pulp Fiction	1994	Crimen	Quentin Tarantino	8.9
6	The Godfather	1972	Drama	Francis Ford Coppola	9.2
7	Avatar	2009	Ciencia Ficción	James Cameron	7.8
8	Gladiator	2000	Acción	Ridley Scott	8.5

Usage Examples

Direct Import
In usePeliculaSearch
Finding Movie by ID
Filtering by Genre

import { mockPeliculas } from '../data/mockPeliculas';

console.log(mockPeliculas.length); // 8
console.log(mockPeliculas[0].title); // "Inception"

import { mockPeliculas } from '../data/mockPeliculas';

const usePeliculaSearch = (initialPeliculas = mockPeliculas) => {
  const [filteredPeliculas, setFilteredPeliculas] = useState(initialPeliculas);
  
  // Extract unique categories
  const categories = [...new Set(mockPeliculas.map((pelicula) => pelicula.genre))];
  // Result: ["Ciencia Ficción", "Acción", "Crimen", "Drama"]
  
  return { filteredPeliculas, categories };
};

import { mockPeliculas } from '../data/mockPeliculas';

const findMovieById = (id) => {
  return mockPeliculas.find(m => m.id === parseInt(id));
};

const inception = findMovieById(1);
console.log(inception.title); // "Inception"
console.log(inception.director); // "Christopher Nolan"

import { mockPeliculas } from '../data/mockPeliculas';

const sciFiMovies = mockPeliculas.filter(
  pelicula => pelicula.genre === "Ciencia Ficción"
);

console.log(sciFiMovies.length); // 4
// Inception, The Matrix, Interstellar, Avatar

Sample Movie Object

{
  id: 1,
  title: "Inception",
  director: "Christopher Nolan",
  year: 2010,
  genre: "Ciencia Ficción",
  duration: 148,
  synopsis: "Un ladrón que roba secretos corporativos a través de la tecnología de sueños compartidos.",
  image: "https://tse2.mm.bing.net/th/id/OIP.vnJImFIy1GEoBBAjyZ-tfQHaK-?rs=1&pid=ImgDetMain&o=7&rm=3",
  trailerUrl: "https://www.youtube.com/embed/YoHD9XEInc0",
  price: 12.99,
  alquilerPrecio: 3.99,
  rating: 8.8,
  language: "Inglés",
  cast: ["Leonardo DiCaprio", "Joseph Gordon-Levitt", "Elliot Page"]
}

Data Statistics

Genre Distribution

Ciencia Ficción: 4 movies (50%)
Acción: 2 movies (25%)
Drama: 1 movie (12.5%)
Crimen: 1 movie (12.5%)

Director Frequency

Christopher Nolan: 3 movies (Inception, Interstellar, The Dark Knight)
Others: 1 movie each

Price Ranges

Purchase (price): 9.99€ - 14.99€
Rental (alquilerPrecio): S/ 2.99 - S/ 4.99

Rating Distribution

9.0+: 2 movies
8.5-8.9: 4 movies
7.5-8.4: 2 movies

Year Range

Oldest: The Godfather (1972)
Newest: Interstellar (2014)
Average: ~2000

Currency Note

The dataset uses two different currencies:

price field: Euros (€) for purchases
alquilerPrecio field: Peruvian Soles (S/) for rentals

This inconsistency should be noted when implementing payment processing or displaying prices.

TypeScript Type Definition

interface Pelicula {
  id: number;
  title: string;
  director: string;
  year: number;
  genre: string;
  duration: number;
  synopsis: string;
  image: string;
  trailerUrl: string;
  price: number;
  alquilerPrecio: number;
  rating: number;
  language: string;
  cast: string[];
}

const mockPeliculas: Pelicula[] = [...];

Source Location

src/data/mockPeliculas.js:1

Hooks

Components

Data

Overview

Import

Data Structure

Movie Object Schema

Complete Dataset

Movies Included

Usage Examples

Sample Movie Object

Data Statistics

Genre Distribution

Director Frequency

Price Ranges

Rating Distribution

Year Range

Currency Note

TypeScript Type Definition

Source Location

Build docs developers (and LLMs) love

Hooks

Components

Data

​Overview

​Import

​Data Structure

​Movie Object Schema

​Complete Dataset

​Movies Included

​Usage Examples

​Sample Movie Object

​Data Statistics

​Genre Distribution

​Director Frequency

​Price Ranges

​Rating Distribution

​Year Range

​Currency Note

​TypeScript Type Definition

​Source Location

Build docs developers (and LLMs) love

Overview

Import

Data Structure

Movie Object Schema

Complete Dataset

Movies Included

Usage Examples

Sample Movie Object

Data Statistics

Genre Distribution

Director Frequency

Price Ranges

Rating Distribution

Year Range

Currency Note

TypeScript Type Definition

Source Location