🚀 DHEXStream

Platform streaming anime modern dengan UI elegan dan pengalaman menonton yang seamless. 100% dalam Bahasa Indonesia.

Features • Quick Start • Production Deployment • Changelog • Contributing

---

✨ Key Features

Feature	Description
🎨 Modern UI	Beautiful, responsive interface built with TailwindCSS
🌐 100% Indonesian	Fully localized interface in Bahasa Indonesia
📺 Anime Catalog	Browse ongoing and completed anime series
🔍 Search	Find your favorite anime instantly
📄 Pagination	Navigate through large collections effortlessly
🎬 Episode Tracking	Track your progress with episode lists
🌙 Dark Mode	Easy on the eyes with dark theme support
📱 Responsive	Works beautifully on all devices
⚡ Smooth Animations	Enhanced with GSAP for fluid transitions
🚀 Vercel Ready	Optimized for production deployment

---

🚀 Quick Start

Prerequisites

• Node.js 18+ and npm
• PHP 7.4+ (for backend API)
• Web server (Apache/Nginx) with mod_rewrite

Installation

# Clone the repository
git clone https://github.com/fallwxyz/dhexstream.git
cd dhexstream

# Install frontend dependencies
npm install

# Build for production
npm run build

# Start development server
npm run dev

Configuration

1. Copy the example configuration:

cp .dhex.example .dhex

2. Update your configuration in .dhex:

app_url=dhexstream
hostname=localhost

3. Configure your web server to point to the project root

---

## 📖 Usage

### Development

```bash
# Start development server with hot reload
npm run dev

The app will be available at http://localhost:5173

Production Build

# Build optimized production assets
npm run build

# Preview production build locally
npm run preview

Code Quality

# Check for console.log statements
npm run lint

---

🌐 Production Deployment

Deploy to Vercel

Project ini production-ready dan optimized untuk deployment ke Vercel:

# Verify build
npm run build

# Deploy to Vercel (requires Vercel CLI)
vercel

Deployment Resources:

• 📘 Deployment Guide - Step-by-step Vercel deployment
• 📋 Changelog - Version history dan changes
• 🔧 .env.example - Environment variables template
• ⚙️ vercel.json - Vercel configuration

Build Output:

✓ 1547 modules transformed
✓ Production bundle optimized
✓ Code splitting configured
✓ Source maps enabled
✓ Zero console.log statements

Production Features:

• ✅ 100% Indonesian localization
• ✅ Optimized bundle sizes dengan gzip
• ✅ Strategic code splitting (React, Animation, Utils)
• ✅ SPA routing configured
• ✅ Static asset caching
• ✅ Singapore region deployment

---

📂 Project Structure

dhexstream/
├── src/                    # Frontend source code
│   ├── components/         # Reusable React components
│   ├── hooks/              # Custom React hooks
│   ├── pages/              # Page components
│   ├── styles/             # Global styles
│   └── App.jsx             # Main app component
├── core/                   # Backend PHP core
├── api.php                 # API endpoint handler
├── assets/                 # Static assets
├── docs/                   # Detailed documentation
└── public/                 # Public static files

---

📚 Documentation

Project documentation dan deployment guides:

• 📘 Deployment Guide - Vercel production deployment
• 📋 Changelog - Version history
• 🔧 Environment Variables - Configuration template
• 📂 Project structure (see below)

---

🤝 Contributing

We welcome contributions! Please see our Contributing Guide for details.

Ways to Contribute

• 🐛 Report bugs and issues
• 💡 Suggest new features
• 📝 Improve documentation
• 🔧 Submit pull requests
• 🌐 Translate to other languages

---

📄 License

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

---

🙏 Acknowledgments

• React - UI Library
• TailwindCSS - Utility-first CSS
• PHP - Backend Language
• Vite - Next Generation Frontend Tooling
• GSAP - Animation Library
• Lucide - Beautiful Icons
• Jikan API - MyAnimeList API Wrapper

---