🎬 NetShort

A modern streaming platform for short drama series

Demo • Features • Installation • API • License

---

✨ Features

Feature	Description
🏠 Home Page	Browse trending & popular dramas with beautiful hero section
🎭 Serial Drama	Explore drama collections with infinite scroll pagination
🔍 Search	Find dramas instantly by title or keyword
📺 Drama Detail	Watch episodes with built-in video player
🌗 Dark Mode	Toggle between light and dark themes
📱 Responsive	Optimized for mobile, tablet, and desktop

🖼️ Screenshots

Home Page	Drama Detail

🚀 Installation

Prerequisites

• Node.js 18+
• npm or yarn

Quick Start

# Clone repository
git clone https://github.com/yourusername/netshort.git
cd netshort

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:3000 in your browser.

Build for Production

npm run build
npm run preview

📁 Project Structure

src/
├── api/           # API service functions
├── components/    # Reusable UI components
├── hooks/         # Custom React hooks
├── pages/         # Page components
└── types/         # TypeScript interfaces

🔌 API Endpoints

This app consumes the NetShort API:

Endpoint	Description
GET /theaters	Get drama categories & listings
GET /foryou	Get personalized recommendations
GET /search	Search dramas by query
GET /allepisode	Get all episodes of a drama

🛠️ Tech Stack

• Frontend Framework: React 19
• Build Tool: Vite 6
• Styling: Tailwind CSS 4
• Language: TypeScript
• Routing: React Router DOM
• Icons: Material Icons

📄 Environment Variables

Create a .env file:

VITE_API_BASE_URL=/api/netshort

🤝 Contributing

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

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

📝 License

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

---

Made with ❤️ using React & TypeScript

⭐ Star this repo if you find it helpful!