Aplicativo de FILMES e SÉRIES (hospedar vídeos, fornecer links piratas, baixar conteúdo protegido).
Generated Prompt
```markdown
## APPLICATION OVERVIEW
This application is a comprehensive streaming platform for movies and series, allowing users to discover and manage their viewing preferences. It provides a rich catalog featuring video content, tailored recommendations, and user-friendly navigation, all while ensuring a minimalist and clean design. The app supports Portuguese (PT-BR) and utilizes TMDB API for data management and content retrieval.
## CORE FEATURES
1. **Content Catalog**: List of movies and series with cover images, ratings, release years, genres, synopses, cast information, and embedded trailers.
2. **User Customization**: Options for users to search, filter, and manage favorites and a "Want to Watch" list.
3. **Recommendations**: Simple recommendations based on user preferences and genre likes.
4. **Authentication**: Optional user authentication with email/password for account creation and settings management.
5. **Offline Access**: Users can view cached favorites and "Want to Watch" lists offline.
6. **Error Handling**: User-friendly error screens with retry options to enhance the user experience.
## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist design that emphasizes clean lines, ample white space, and a minimal color palette to ensure content stands out.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure readability and a pleasant viewing experience.
- **Layout**:
- The home screen features a carousel for trending, popular, and top-rated content, with distinct sections for movies and series.
- A clean grid layout for search results and content cards.
- Detailed screens for individual movie/series with a clear visual hierarchy.
- **Typography**: Use modern, sans-serif fonts for clarity. Headings should be bold and larger to create a clear hierarchy, while body text should be legible and appropriately sized.
## TECHNICAL REQUIREMENTS
- **Framework**: React Native with TypeScript.
- **Styling**: Tailwind CSS for rapid styling and responsive design.
- **UI Components**: Use shadcn/ui for a consistent and modern UI component library.
- **State Management**: React Query for data fetching and state management, along with AsyncStorage for caching.
## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React Native project using Expo and TypeScript.
- Run `npx create-expo-app@latest my-movie-app --template=typescript`
2. **Install Dependencies**: Install required libraries including React Navigation, React Query, and Tailwind CSS.
- Run `npm install @react-navigation/native @react-navigation/bottom-tabs @tanstack/react-query tailwindcss`
3. **Configure TMDB API**: Create an `.env` file to store API keys and region settings.
- Define `EXPO_PUBLIC_TMDB_KEY`, `EXPO_PUBLIC_REGION`, and `EXPO_PUBLIC_LANGUAGE`.
4. **Create Folder Structure**: Set up the following directory layout:
```
/src
/api
tmdb.ts (API calls and endpoints)
/components
MovieCard.tsx
SeriesCard.tsx
ProviderRow.tsx
Skeleton.tsx
/screens
Home.tsx
Search.tsx
Details.tsx
Lists.tsx
Profile.tsx
/store
preferences.ts
/utils
format.ts
debounce.ts
constants.ts
```
5. **Implement Navigation**: Set up React Navigation with bottom tabs and stack navigation for screen transitions.
6. **Develop UI Components**: Create reusable components for displaying movies, series, and UI elements.
7. **Fetch Data**: Implement data fetching logic using React Query to retrieve data from TMDB API for movies, series, and trailers.
8. **Build Screens**: Create the main application screens as per the wireframes, ensuring responsive design for various devices.
9. **Testing**: Conduct thorough testing, including error handling scenarios and offline usage.
## USER EXPERIENCE
Users will be greeted by a splash screen followed by an onboarding process to select their favorite genres and streaming services. The home screen will display trending and popular content in a visually appealing carousel format. The search functionality will allow users to filter results based on criteria such as type, year, and rating, enhancing discoverability. Detailed screens will provide comprehensive information about selected movies and series, with options to favorite or add to the "Want to Watch" list. Throughout their interactions, users will enjoy a seamless experience with fast loading times, easy navigation, and accessible design features.
```Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
