Neil Mahajan
Personal Project

Multiplatform Video Upload

A Next.js 15 UI for OAuth-based one-click uploads of short-form videos to YouTube Shorts, Instagram Reels, and TikTok.

Next.js 15
React
TypeScript
NextAuth.js
OAuth
Neon Database
PostgreSQL
Prisma ORM
Vercel
Multiplatform Video Upload Dashboard

Project Overview

The Multiplatform Video Upload application is a frontend UI for a multi-platform video upload service built using Next.js 15 with the App Router and shadcn/ui components. It allows users to connect their YouTube, Instagram/Meta, and TikTok accounts and upload a single short-form video along with additional details. The video can be published as YouTube Shorts, Instagram Reels, and TikTok videos.

This personal project was created to simplify the process of uploading short-form videos to multiple platforms, saving time and ensuring consistent content across different social media channels.

Key Features

  • Landing Page: A visually engaging homepage with a clear call-to-action.
  • Authentication: Login and registration pages for user account management.
  • Dashboard: View connected platform statuses, recent uploads, and quick statistics.
  • Platform Connections: UI to connect to YouTube, Instagram/Meta, and TikTok.
  • Video Upload: Upload a video file with preview and file details, general description field, and platform-specific settings via tabs (custom titles, descriptions, tags, etc.).
  • Settings: Manage account information, platform connections, and notification preferences.

Technical Implementation

The application is built using Next.js 15 with the App Router, providing a modern and responsive user interface. It uses NextAuth.js for authentication, Neon database (PostgreSQL) for data storage, and Prisma ORM for database management.

The frontend is designed with shadcn/ui components, offering a clean and intuitive user experience. The application is deployed on Vercel, ensuring fast and reliable access.

Future enhancements will include implementing the backend logic for authentication, file storage, and database management, as well as integrating with the YouTube Data API, TikTok Content Posting API, and Instagram API for posting content.

Screenshots

Multiplatform Video Upload Home Page
Multiplatform Video Upload Dashboard Page
Multiplatform Video Upload Upload Page
Multiplatform Video Upload Settings Page