Discover your next favorite movie with Random Movie!
A modern Vue 3 application that helps you find random movies to watch, built with TypeScript and modern web technologies.
- 🎲 Random Movie Discovery - Find new movies to watch with intelligent randomization
- 🌍 Multi-language Support - Available in multiple languages with Vue i18n
- 🎬 Movie Details - View comprehensive movie information and trailers
- 🔍 Advanced Filters - Filter movies by genre, year, rating, and more
- 📱 Responsive Design - Works perfectly on desktop, tablet, and mobile devices
- ⚡ Fast Performance - Built with Vite for lightning-fast development and builds
- Frontend Framework: Vue 3 with Composition API
- Language: TypeScript
- Build Tool: Vite
- State Management: Pinia
- Routing: Vue Router
- Internationalization: Vue i18n
- HTTP Client: Axios
- Styling: SCSS
- Node.js (version 16 or higher)
- pnpm
- Clone the repository:
git clone <repository-url>
cd random-movie- Install dependencies:
pnpm install- Start the development server:
pnpm dev- Open your browser and visit
http://localhost:5173
pnpm buildpnpm previewrandom-movie/
├── public/ # Static assets
├── src/
│ ├── api/ # API endpoints and configurations
│ ├── assets/ # Application assets (styles, images)
│ ├── components/ # Vue components
│ │ ├── app/ # App-level components
│ │ └── movie/ # Movie-related components
│ ├── composables/ # Vue composables
│ ├── layouts/ # Layout components
│ ├── locales/ # Internationalization files
│ ├── plugins/ # Vue plugins
│ ├── services/ # Business logic services
│ ├── stores/ # Pinia stores
│ ├── ts/ # TypeScript definitions
│ ├── utils/ # Utility functions
│ └── views/ # Page components
├── index.html
├── package.json
└── vite.config.ts
Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.