Skip to content

A React-based web application that plays a video and displays a collapsible, multi-level outline beside it. Clicking any outline entry seeks the video to its corresponding timestamp.

Notifications You must be signed in to change notification settings

matak/videooutliner.frontend

Repository files navigation

image

Videooutliner

A React-based web application that plays a video and displays a collapsible, multi-level outline beside it. Clicking any outline entry seeks the video to its corresponding timestamp.

🚀 Getting Started

Prerequisites

  • Node.js (v16 or higher)
  • pnpm (v8 or higher)

Installation

  1. Clone the repository
  2. Install dependencies:
pnpm install
  1. Start the development server:
pnpm dev
  1. Build for production:
pnpm build

🎯 Features

  • Video playback with custom controls
  • Interactive, collapsible outline with timestamps
  • Responsive layout (desktop and tablet)
  • Real-time section highlighting
  • Clean, minimal UI using Tailwind CSS

🛠 Tech Stack

  • React (with TypeScript)
  • Vite
  • Tailwind CSS
  • No external dependencies unless essential

📝 License

This project is licensed under the MIT License.

About

A React-based web application that plays a video and displays a collapsible, multi-level outline beside it. Clicking any outline entry seeks the video to its corresponding timestamp.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published