├── .gitignore ├── 1-new-project ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ └── Main.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css └── tsconfig.json ├── 2-basic-scene ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ └── Main.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ └── getBasicComposition.ts ├── 3-live-editing ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ └── Main.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ └── getBasicComposition.ts ├── 4-play-and-pause ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ └── Main.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ └── getBasicComposition.ts ├── 5-state-management ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ └── Main.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ └── getBasicComposition.ts ├── 6-interactivity ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ ├── Main.tsx │ └── ProgressControl.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ └── getBasicComposition.ts ├── 7-advanced-mutation ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ └── Main.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ ├── addSlide.ts │ ├── createSlide.ts │ ├── ensureElementVisibility.ts │ └── getSlideshowComposition.ts ├── 8-final-project ├── .eslintrc.json ├── .gitignore ├── .prettierrc ├── README.md ├── components │ ├── CreateButton.tsx │ ├── Main.tsx │ └── SettingsPanel.tsx ├── next.config.js ├── package-lock.json ├── package.json ├── pages │ ├── _app.tsx │ ├── _document.tsx │ ├── api │ │ └── videos.ts │ └── index.tsx ├── public │ └── favicon.ico ├── styles │ ├── Home.module.css │ └── globals.css ├── tsconfig.json └── utility │ ├── addSlide.ts │ ├── createSlide.ts │ ├── deepClone.ts │ ├── ensureElementVisibility.ts │ ├── finishVideo.tsx │ ├── setPropertyValue.ts │ ├── setSlideTransition.ts │ ├── setTextStyle.tsx │ └── useWindowWidth.ts ├── LICENSE └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | /.idea 2 | -------------------------------------------------------------------------------- /1-new-project/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /1-new-project/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/.gitignore -------------------------------------------------------------------------------- /1-new-project/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/.prettierrc -------------------------------------------------------------------------------- /1-new-project/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/README.md -------------------------------------------------------------------------------- /1-new-project/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/components/Main.tsx -------------------------------------------------------------------------------- /1-new-project/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/next.config.js -------------------------------------------------------------------------------- /1-new-project/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/package-lock.json -------------------------------------------------------------------------------- /1-new-project/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/package.json -------------------------------------------------------------------------------- /1-new-project/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/pages/_app.tsx -------------------------------------------------------------------------------- /1-new-project/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/pages/_document.tsx -------------------------------------------------------------------------------- /1-new-project/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/pages/api/videos.ts -------------------------------------------------------------------------------- /1-new-project/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/pages/index.tsx -------------------------------------------------------------------------------- /1-new-project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/public/favicon.ico -------------------------------------------------------------------------------- /1-new-project/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/styles/Home.module.css -------------------------------------------------------------------------------- /1-new-project/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/styles/globals.css -------------------------------------------------------------------------------- /1-new-project/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/1-new-project/tsconfig.json -------------------------------------------------------------------------------- /2-basic-scene/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /2-basic-scene/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/.gitignore -------------------------------------------------------------------------------- /2-basic-scene/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/.prettierrc -------------------------------------------------------------------------------- /2-basic-scene/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/README.md -------------------------------------------------------------------------------- /2-basic-scene/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/components/Main.tsx -------------------------------------------------------------------------------- /2-basic-scene/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/next.config.js -------------------------------------------------------------------------------- /2-basic-scene/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/package-lock.json -------------------------------------------------------------------------------- /2-basic-scene/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/package.json -------------------------------------------------------------------------------- /2-basic-scene/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/pages/_app.tsx -------------------------------------------------------------------------------- /2-basic-scene/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/pages/_document.tsx -------------------------------------------------------------------------------- /2-basic-scene/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/pages/api/videos.ts -------------------------------------------------------------------------------- /2-basic-scene/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/pages/index.tsx -------------------------------------------------------------------------------- /2-basic-scene/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/public/favicon.ico -------------------------------------------------------------------------------- /2-basic-scene/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/styles/Home.module.css -------------------------------------------------------------------------------- /2-basic-scene/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/styles/globals.css -------------------------------------------------------------------------------- /2-basic-scene/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/tsconfig.json -------------------------------------------------------------------------------- /2-basic-scene/utility/getBasicComposition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/2-basic-scene/utility/getBasicComposition.ts -------------------------------------------------------------------------------- /3-live-editing/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /3-live-editing/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/.gitignore -------------------------------------------------------------------------------- /3-live-editing/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/.prettierrc -------------------------------------------------------------------------------- /3-live-editing/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/README.md -------------------------------------------------------------------------------- /3-live-editing/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/components/Main.tsx -------------------------------------------------------------------------------- /3-live-editing/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/next.config.js -------------------------------------------------------------------------------- /3-live-editing/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/package-lock.json -------------------------------------------------------------------------------- /3-live-editing/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/package.json -------------------------------------------------------------------------------- /3-live-editing/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/pages/_app.tsx -------------------------------------------------------------------------------- /3-live-editing/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/pages/_document.tsx -------------------------------------------------------------------------------- /3-live-editing/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/pages/api/videos.ts -------------------------------------------------------------------------------- /3-live-editing/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/pages/index.tsx -------------------------------------------------------------------------------- /3-live-editing/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/public/favicon.ico -------------------------------------------------------------------------------- /3-live-editing/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/styles/Home.module.css -------------------------------------------------------------------------------- /3-live-editing/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/styles/globals.css -------------------------------------------------------------------------------- /3-live-editing/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/tsconfig.json -------------------------------------------------------------------------------- /3-live-editing/utility/getBasicComposition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/3-live-editing/utility/getBasicComposition.ts -------------------------------------------------------------------------------- /4-play-and-pause/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /4-play-and-pause/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/.gitignore -------------------------------------------------------------------------------- /4-play-and-pause/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/.prettierrc -------------------------------------------------------------------------------- /4-play-and-pause/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/README.md -------------------------------------------------------------------------------- /4-play-and-pause/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/components/Main.tsx -------------------------------------------------------------------------------- /4-play-and-pause/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/next.config.js -------------------------------------------------------------------------------- /4-play-and-pause/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/package-lock.json -------------------------------------------------------------------------------- /4-play-and-pause/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/package.json -------------------------------------------------------------------------------- /4-play-and-pause/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/pages/_app.tsx -------------------------------------------------------------------------------- /4-play-and-pause/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/pages/_document.tsx -------------------------------------------------------------------------------- /4-play-and-pause/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/pages/api/videos.ts -------------------------------------------------------------------------------- /4-play-and-pause/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/pages/index.tsx -------------------------------------------------------------------------------- /4-play-and-pause/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/public/favicon.ico -------------------------------------------------------------------------------- /4-play-and-pause/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/styles/Home.module.css -------------------------------------------------------------------------------- /4-play-and-pause/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/styles/globals.css -------------------------------------------------------------------------------- /4-play-and-pause/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/tsconfig.json -------------------------------------------------------------------------------- /4-play-and-pause/utility/getBasicComposition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/4-play-and-pause/utility/getBasicComposition.ts -------------------------------------------------------------------------------- /5-state-management/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /5-state-management/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/.gitignore -------------------------------------------------------------------------------- /5-state-management/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/.prettierrc -------------------------------------------------------------------------------- /5-state-management/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/README.md -------------------------------------------------------------------------------- /5-state-management/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/components/Main.tsx -------------------------------------------------------------------------------- /5-state-management/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/next.config.js -------------------------------------------------------------------------------- /5-state-management/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/package-lock.json -------------------------------------------------------------------------------- /5-state-management/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/package.json -------------------------------------------------------------------------------- /5-state-management/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/pages/_app.tsx -------------------------------------------------------------------------------- /5-state-management/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/pages/_document.tsx -------------------------------------------------------------------------------- /5-state-management/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/pages/api/videos.ts -------------------------------------------------------------------------------- /5-state-management/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/pages/index.tsx -------------------------------------------------------------------------------- /5-state-management/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/public/favicon.ico -------------------------------------------------------------------------------- /5-state-management/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/styles/Home.module.css -------------------------------------------------------------------------------- /5-state-management/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/styles/globals.css -------------------------------------------------------------------------------- /5-state-management/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/tsconfig.json -------------------------------------------------------------------------------- /5-state-management/utility/getBasicComposition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/5-state-management/utility/getBasicComposition.ts -------------------------------------------------------------------------------- /6-interactivity/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /6-interactivity/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/.gitignore -------------------------------------------------------------------------------- /6-interactivity/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/.prettierrc -------------------------------------------------------------------------------- /6-interactivity/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/README.md -------------------------------------------------------------------------------- /6-interactivity/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/components/Main.tsx -------------------------------------------------------------------------------- /6-interactivity/components/ProgressControl.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/components/ProgressControl.tsx -------------------------------------------------------------------------------- /6-interactivity/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/next.config.js -------------------------------------------------------------------------------- /6-interactivity/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/package-lock.json -------------------------------------------------------------------------------- /6-interactivity/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/package.json -------------------------------------------------------------------------------- /6-interactivity/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/pages/_app.tsx -------------------------------------------------------------------------------- /6-interactivity/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/pages/_document.tsx -------------------------------------------------------------------------------- /6-interactivity/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/pages/api/videos.ts -------------------------------------------------------------------------------- /6-interactivity/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/pages/index.tsx -------------------------------------------------------------------------------- /6-interactivity/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/public/favicon.ico -------------------------------------------------------------------------------- /6-interactivity/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/styles/Home.module.css -------------------------------------------------------------------------------- /6-interactivity/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/styles/globals.css -------------------------------------------------------------------------------- /6-interactivity/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/tsconfig.json -------------------------------------------------------------------------------- /6-interactivity/utility/getBasicComposition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/6-interactivity/utility/getBasicComposition.ts -------------------------------------------------------------------------------- /7-advanced-mutation/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /7-advanced-mutation/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/.gitignore -------------------------------------------------------------------------------- /7-advanced-mutation/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/.prettierrc -------------------------------------------------------------------------------- /7-advanced-mutation/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/README.md -------------------------------------------------------------------------------- /7-advanced-mutation/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/components/Main.tsx -------------------------------------------------------------------------------- /7-advanced-mutation/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/next.config.js -------------------------------------------------------------------------------- /7-advanced-mutation/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/package-lock.json -------------------------------------------------------------------------------- /7-advanced-mutation/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/package.json -------------------------------------------------------------------------------- /7-advanced-mutation/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/pages/_app.tsx -------------------------------------------------------------------------------- /7-advanced-mutation/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/pages/_document.tsx -------------------------------------------------------------------------------- /7-advanced-mutation/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/pages/api/videos.ts -------------------------------------------------------------------------------- /7-advanced-mutation/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/pages/index.tsx -------------------------------------------------------------------------------- /7-advanced-mutation/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/public/favicon.ico -------------------------------------------------------------------------------- /7-advanced-mutation/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/styles/Home.module.css -------------------------------------------------------------------------------- /7-advanced-mutation/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/styles/globals.css -------------------------------------------------------------------------------- /7-advanced-mutation/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/tsconfig.json -------------------------------------------------------------------------------- /7-advanced-mutation/utility/addSlide.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/utility/addSlide.ts -------------------------------------------------------------------------------- /7-advanced-mutation/utility/createSlide.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/utility/createSlide.ts -------------------------------------------------------------------------------- /7-advanced-mutation/utility/ensureElementVisibility.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/utility/ensureElementVisibility.ts -------------------------------------------------------------------------------- /7-advanced-mutation/utility/getSlideshowComposition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/7-advanced-mutation/utility/getSlideshowComposition.ts -------------------------------------------------------------------------------- /8-final-project/.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "next/core-web-vitals" 3 | } 4 | -------------------------------------------------------------------------------- /8-final-project/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/.gitignore -------------------------------------------------------------------------------- /8-final-project/.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/.prettierrc -------------------------------------------------------------------------------- /8-final-project/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/README.md -------------------------------------------------------------------------------- /8-final-project/components/CreateButton.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/components/CreateButton.tsx -------------------------------------------------------------------------------- /8-final-project/components/Main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/components/Main.tsx -------------------------------------------------------------------------------- /8-final-project/components/SettingsPanel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/components/SettingsPanel.tsx -------------------------------------------------------------------------------- /8-final-project/next.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/next.config.js -------------------------------------------------------------------------------- /8-final-project/package-lock.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/package-lock.json -------------------------------------------------------------------------------- /8-final-project/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/package.json -------------------------------------------------------------------------------- /8-final-project/pages/_app.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/pages/_app.tsx -------------------------------------------------------------------------------- /8-final-project/pages/_document.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/pages/_document.tsx -------------------------------------------------------------------------------- /8-final-project/pages/api/videos.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/pages/api/videos.ts -------------------------------------------------------------------------------- /8-final-project/pages/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/pages/index.tsx -------------------------------------------------------------------------------- /8-final-project/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/public/favicon.ico -------------------------------------------------------------------------------- /8-final-project/styles/Home.module.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/styles/Home.module.css -------------------------------------------------------------------------------- /8-final-project/styles/globals.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/styles/globals.css -------------------------------------------------------------------------------- /8-final-project/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/tsconfig.json -------------------------------------------------------------------------------- /8-final-project/utility/addSlide.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/addSlide.ts -------------------------------------------------------------------------------- /8-final-project/utility/createSlide.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/createSlide.ts -------------------------------------------------------------------------------- /8-final-project/utility/deepClone.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/deepClone.ts -------------------------------------------------------------------------------- /8-final-project/utility/ensureElementVisibility.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/ensureElementVisibility.ts -------------------------------------------------------------------------------- /8-final-project/utility/finishVideo.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/finishVideo.tsx -------------------------------------------------------------------------------- /8-final-project/utility/setPropertyValue.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/setPropertyValue.ts -------------------------------------------------------------------------------- /8-final-project/utility/setSlideTransition.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/setSlideTransition.ts -------------------------------------------------------------------------------- /8-final-project/utility/setTextStyle.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/setTextStyle.tsx -------------------------------------------------------------------------------- /8-final-project/utility/useWindowWidth.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/8-final-project/utility/useWindowWidth.ts -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Creatomate/video-editor-tutorial/HEAD/README.md --------------------------------------------------------------------------------