NetFlex

A Netflix-style streaming web app with modern design and responsive layout.

Last Update Screenshots

🌟 Features

• Netflix-style Interface - Modern, sleek design inspired by Netflix
• Responsive Design - Works perfectly on all devices
• Movies & TV Shows - Browse popular and trending content
• Search Functionality - Find your favorite movies and shows
• Dark Mode - Netflix-style dark theme
• PWA Support - NetFlex has PWA (Progressive Web App) support, which means that you can add it to your home screen as an app
• Fast & Lightweight - Built with Next.js for optimal performance

🐛 Bug Reports

If you encounter any strange bugs on the website, please let me know by going to issues and create a bug report

🚀 Quick Start

To get started with NetFlex:

1. Clone the repository

   git clone https://github.com/ch1kim0n1/NetFlex.git
   cd NetFlex

2. Install dependencies

   npm install
   # or
   yarn install

3. Run the development server

   npm run dev
   # or
   yarn dev

4. Open your browser Navigate to http://localhost:3000 to see the application

📦 Build

To build the application for production:

npm run build
# or
yarn build

🔧 Configuration

Create a .env.local file in the root directory and add your API keys:

NEXT_PUBLIC_TMDB_API_KEY=your_tmdb_api_key
NEXT_PUBLIC_GA_TRACKING_ID=your_google_analytics_id
NEXT_PUBLIC_TAWKTO_PROPERTY_ID=your_tawkto_property_id
NEXT_PUBLIC_TAWKTO_WIDGET_ID=your_tawkto_widget_id

🛠️ Tech Stack

• Frontend: Next.js 14, React 18, Tailwind CSS
• API: The Movie Database (TMDB) API
• Deployment: Vercel
• Analytics: Google Analytics, Umami
• PWA: Next.js PWA support

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request.