MovFlix - Stream Movies, TV Shows & Anime

Home Page

Detail Page

MovFlix is a modern streaming platform built with React, TypeScript, and Tailwind CSS that offers a seamless experience for discovering and watching movies, TV shows, and anime.

🌟 Features

• Modern UI/UX: Beautiful and responsive design with smooth animations
• Advanced Search: Real-time search with instant results
• Multiple Streaming Options: Integration with various streaming providers
• Download Options: Multiple quality options for downloads
• Infinite Scrolling: Smooth content loading experience
• PWA Support: Install as a native app
• Optimized Performance: Fast loading and caching strategies
• Responsive Design: Works on all devices

🚀 Tech Stack

• Frontend: React 18 with TypeScript
• Routing: React Router v6
• Styling: Tailwind CSS
• State Management: Zustand
• Data Fetching: React Query & Axios
• Icons: Lucide React
• Build Tool: Vite
• API: TMDB API
• Image Optimization: Sharp & Imagemin
• Performance Monitoring: Web Vitals

📦 Installation

1. Clone the repository:

git clone https://github.com/yourusername/movflix.git
cd movflix

2. Install dependencies:
       npm install

3. Create a # .env file  in the root directory:

VITE_TMDB_API_KEY=your_tmdb_api_key
VITE_TMDB_BASE_URL=https://api.themoviedb.org/3
VITE_TMDB_IMAGE_BASE_URL=https://image.tmdb.org/t/p

4. Start the development server:

npm run dev

🛠️ Available Scripts

npm run dev - Start development server
npm run build - Build for production
npm run preview - Preview production build
npm run lint - Run ESLint
npm run analyze - Analyze bundle size

📂 Project Structure 

src/
├── components/     # Reusable UI components
├── config/        # Configuration files
├── data/          # Static data and constants
├── hooks/         # Custom React hooks
├── lib/           # Utility libraries
├── pages/         # Page components
├── services/      # API services
├── store/         # Global state management
├── types/         # TypeScript type definitions
└── utils/         # Utility functions

🔧 Configuration

VITE_TMDB_API_KEY=           # TMDB API Key
VITE_TMDB_BASE_URL=         # TMDB API Base URL
VITE_API_TIMEOUT=           # API Timeout (ms)
VITE_API_RETRY_ATTEMPTS=    # Number of retry attempts
VITE_API_RETRY_DELAY=       # Delay between retries (ms)

🤝 Contributing

• Fork the repository
• Create your feature branch (git checkout -b feature/AmazingFeature)
• Commit your changes (git commit -m 'Add some AmazingFeature')
• Push to the branch (git push origin feature/AmazingFeature)
• Open a Pull Request

📝 License

This project is licensed under the MIT License - see the LICENSE file for details.

👏 Acknowledgments

• TMDB for their excellent API
• All the amazing open-source libraries used in this project
• The community for their continuous support

📧 Contact

• Your Name - ABHISHEK SINGH
• Project Link: https://github.com/BeingLazyCoder/MovFlix-Stream-Movies-TV-Shows-and-Anime