Light Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

Darkcode-it/Movie

Repository files navigation

Movie - Modern Movie Streaming UI

English | frsy



English

Overview

Movie is a modern, Netflix-style movie and TV streaming UI built with React, Vite, Tailwind CSS 4, and PWA support.
It focuses on clean UX, fast performance, and full Farsi (RTL) support, making it a great portfolio-ready front-end project.

Key Features

  • Modern landing page with hero section, categories, highlights, and call-to-action
  • Kids profile experience with a safe and colorful UI for children
  • Movie & series sections with sliders and cards using Swiper
  • Admin area (login + simple dashboard) for managing content
  • Responsive design optimized for desktop, tablet, and mobile
  • PWA ready - installable, offline-friendly experience
  • Full RTL support for Persian, with custom Lalezar font integration

Tech Stack

  • React 19
  • Vite 6
  • Tailwind CSS 4 (@tailwindcss/vite)
  • React Router DOM 7
  • Swiper
  • Axios
  • React Icons
  • vite-plugin-pwa

Getting Started

Prerequisites

  • Node.js (LTS recommended)
  • npm

Installation

# 1. Clone the repository
git clone https://github.com/darkcode-it/Movie.git

# 2. Go into the project directory
cd Movie

# 3. Install dependencies
npm install

# 4. Start the dev server
npm run dev

Production Build

# Build for production
npm run build

# Preview the production build
npm run preview

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 deploy - deploy to GitHub Pages

Live Demo

Persian

m`rfy prwjh

Movie ykh rbT khrbry mdrn w shbyh ntflykhs bry tmshy fylm w sryl st khh b React, Vite, Tailwind CSS 4 w PWA skhth shdh.
tmrkhz yn prwjh rwy tjrbh khrbry jdhb, `mlkhrd sry`, w pshtybny khml z zbn frsy w rstchyn (RTL) st.

wyjgyh

  • SfHh Sly jdhb hmrh b hyrw, bkhsh dsthbndyh, slydrh w pyshnhd fylm
  • mHyT mkhSwS khwdkhn (Kids Profile) b TrHy rngy w mn bry bchhh
  • bkhshhy fylm w sryl b khrth w slydrhy Hrfhy (Swiper)
  • pnl sdh dmyn (wrwd dmyn w dshbwrd sbkh bry mdyryt mHtw)
  • TrHy wkhnshgr bry dskhtp, tblt w mwbyl
  • PWA - mkhn nSb rwy dstgh w tjrbh nzdykh bh plykhyshn
  • fwnt frsy khtSSy (Lalezar) w pshtybny khml z RTL

tkhnwlwjyh

  • React 19
  • Vite 6
  • Tailwind CSS 4
  • React Router DOM 7
  • Swiper
  • Axios
  • React Icons
  • vite-plugin-pwa

shrw` bh khr

pyshnyzh

  • Node.js (trjyHan nskhh LTS)
  • npm

nSb w jr

# 1. khlwn khrdn mkhzn
git clone https://github.com/darkcode-it/Movie.git

# 2. wrwd bh pwshh prwjh
cd Movie

# 3. nSb wbstgyh
npm install

# 4. jry Hlt tws`h
npm run dev

skht nskhh nhyy

# skht nskhh twlyd
npm run build

# pyshnmysh nskhh twlyd
npm run preview

skhrypth

  • npm run dev - jry srwr tws`h
  • npm run build - skht nskhh twlyd
  • npm run preview - pyshnmysh nskhh twlyd
  • npm run lint - jry ESLint
  • npm run deploy - stqrr rwy GitHub Pages

nskhh zndh

  • GitHub Pages: Movie App
  • vercel Pages: Movie App
  • Vercel: (adrs dyplwy rwy Vercel r ynj qrr dhyd)

About

Movie is a modern web application for streaming movies and TV shows, built with React, Vite, Tailwind CSS, and PWA support. It focuses on a smooth user experience, Farsi (RTL) support, kids profiles, and curated content sections.

Topics

Resources

Readme

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors