mossy-database

bynulu navyasree

Create a full-stack YouTube clone website exactly like https://you-tube2-0-six.vercel.app/ with modern dark UI and responsive mobile + desktop design. Website Name: NavyaTube Main Requirements: - Homepage with sidebar and recommended videos - Video watch page with player, title, views, likes, comments - History page - Liked videos page - Watch later page - Search results page - Channel page - Channel popup/dialog - Login and signup system - Firebase authentication integration - Backend API integration - MongoDB database integration - Upload video functionality - Thumbnail upload functionality - Like and dislike system - Watch later API integration - Comment system - Responsive navbar - YouTube-style sidebar - Dark theme UI - Fast loading animations - Modern cards and hover effects Frontend: - React.js - Tailwind CSS - React Router - Axios - Firebase Backend: - Node.js - Express.js - MongoDB - Mongoose - JWT Authentication Database Models: 1. User Model - username - email - profile image - liked videos - watch later videos - history 2. Channel Model - channel name - banner - subscribers - owner 3. Video Model - title - description - thumbnail - video URL - likes - dislikes - views - uploader - comments - upload date Pages Needed: 1. Home Page 2. Video Page 3. History Page 4. Liked Videos Page 5. Watch Later Page 6. Search Page 7. Channel Page 8. Login/Register Page 9. Upload Video Page Add this YouTube video instead of demo videos: https://youtu.be/E5cMTThb5Wo?si=aulpAFWg9SBdFQeB Extract thumbnail style from the video and redesign it as a colorful hand-drawn illustration thumbnail with: - sketch art style - bold outlines - vibrant colors - YouTube clickable design - cinematic lighting - high contrast - professional creator thumbnail look Generate: - Full frontend code - Full backend code - Firebase setup - API routes - MongoDB schemas - Deployment steps - Vercel deployment config - Environment variables setup - Complete folder structure UI Style: - Exactly like modern YouTube - Smooth animations - Rounded cards - Glassmorphism effects - Red accent colors - Mobile responsive - Clean typography Extra Features: - Real-time search - Recommended videos - Related videos section - Channel subscribe button - Upload progress bar - Toast notifications - Infinite scrolling - Loading skeletons Deployment: - Frontend on Vercel - Backend on Render - MongoDB Atlas database Make the project production-ready and fully functional.