A Production-Ready Full-Stack Movie Catalog & Download System
This project has evolved. To adhere to enterprise separation-of-concerns principles, active development has migrated to decoupled repositories.
👇 CHECK OUT THE LATEST CODEBASES:
- Frontend (Angular 17+): github.com/ankitdoi-coder/Ajay_Movies_Frontend
- Backend (Spring Boot 3): github.com/ankitdoi-coder/Ajay_Movies_Backend
🌐 LIVE PREVIEW:
- App: https://ajay-movies-frontend.onrender.com (Live Testing Build)
- API: https://ajay-movies-backend.onrender.com (Note: Deployed on serverless infrastructure. Please allow ~50s for cold start/wake-up. 24/7 availability upgrade in progress.)
Ajay Movies is a professional-grade full-stack web application built to manage, showcase, and distribute digital media content in a clean, scalable, and business-ready way.
It combines a Netflix-style user experience with a powerful admin system capable of handling complex data relationships and secure file uploads.
This project is designed not as a tutorial demo, but as a real-world solution that can be adapted for media companies, content creators, and digital product businesses.
Generic CMS platforms fail when it comes to:
- Managing multiple video qualities (480p / 720p / 1080p)
- Handling bulk media uploads (posters + screenshots)
- Structuring metadata for search, SEO, and performance
- Providing a premium browsing experience
Ajay Movies solves this by offering:
- A user-friendly frontend for browsing and downloading content
- A robust admin dashboard for managing movies, media assets, and metadata
- A clean backend architecture built for scalability and maintainability
- Media & movie distribution platforms
- Content creators & niche OTT websites
- Businesses needing digital asset management systems
- Freelance clients who want a custom Netflix-style website
A business owner can upload a movie once, attach posters, screenshots, multiple download qualities, and instantly make it available on a professional website that users trust.
Live Environment Active
Frontend: https://ajay-movies-frontend.onrender.com
Backend API: https://ajay-movies-backend.onrender.com
- Browse movies in a responsive poster grid
- Search and explore detailed movie pages
- View screenshots before downloading
- Download movies in different quality formats
- Clean dark-mode design to reduce eye strain
- Clear information hierarchy for fast decision-making
- Visual validation (screenshots + specs) before download
- Multi-Quality Distribution: 480p, 720p, 1080p download support
- SEO-Ready Structure: Semantic HTML & metadata placement
- Social Sharing: WhatsApp, Telegram, LinkedIn integration
- Admin Control: Full control over content without developer help
- Modern Angular Architecture: Standalone Components + Signals
- Reactive Forms: Advanced validation for admin data integrity
- Multipart Upload Handling: JSON + images in a single request
- Responsive Design: Works flawlessly on mobile to 4K screens
- Animated UI Components: Smooth entrance animations and micro-interactions
- Glassmorphism Design: Modern visual effects with backdrop blur
- Mobile-First Approach: Optimized hamburger menu with elegant close button
- Server-side validation
- Clean REST API design
- Controlled static file serving
- Optimized database relationships
❗ This is not a basic CRUD or tutorial project.
It demonstrates real production-level problem solving.
| Technology | Why It Was Chosen |
|---|---|
| Angular 17+ | Modern, scalable frontend with strict typing |
| TypeScript 5 | Prevents runtime errors, improves maintainability |
| RxJS | Efficient async data handling |
| SCSS + Bootstrap 5 | Custom design with responsive grid system |
| Spring Boot 3 | Enterprise-grade backend framework |
| Spring Data JPA | Clean database abstraction |
| MySQL | Structured, relational data storage |
User Interface (Angular) → REST API (Spring Boot) → Database (MySQL) → File System
POST /api/save-movie→ Upload movie + media assetsGET /api/get-all-movies→ Fetch movie listingsGET /api/get-by-id/{id}→ Detailed movie view
- Admin fills movie form
- Angular sends FormData (JSON + Images)
- Backend stores metadata in DB
- Images stored securely on server
- Frontend loads assets via mapped URLs
📷 Preview Screenshots: Check the
/previewfolder in the repository for detailed UI screenshots
- Dark gradient theme for premium look
- Hover effects signal interactivity
- Fast visual scanning using poster cards
- Responsive grid layout with smooth animations
- Highlights quality, language, and size
- Dynamic screenshot gallery builds user trust
- Clear download actions with multiple quality options
- Social sharing integration
- Cinematic Design: Movie-themed background with overlay effects
- Animated Branding: Sequential text animations with gradient effects
- Modern Form Design: Floating labels and glassmorphism styling
- Responsive Layout: Optimized for all screen sizes
- File Upload System: Drag-and-drop poster and screenshot management
- Real-time Validation: Instant feedback for form inputs
- Content Management: Streamlined workflow for movie catalog updates
- search the movie as per keyword.
- Filter the movie as per Category.
- Node.js v18+
- Java JDK 17+
- MySQL Server
git clone https://github.com/ankitdoi-coder/ajay-movies.git
cd FrontEnd
npm install
ng serveConfigure application.properties with MySQL credentials
Run via IDE or:
cd ajayMoviesBackend
mvn spring-boot:runChallenge: JSON + image files in one request
Solution: Used FormData with JSON Blob + files, handled via @RequestPart
Challenge: Removing NgModule boilerplate
Solution: Adopted bootstrapApplication and standalone components
Challenge: Serving uploaded images without cloud storage
Solution: Spring Boot static resource mapping with controlled access
Challenge: Creating a professional, cinematic login experience
Solution: Implemented glassmorphism design with animated text sequences, responsive layout, and modern UI patterns
- I can design real-world architectures
- I understand production constraints
- I write maintainable, scalable code
- JWT Authentication: Secure admin login system (in development)
- Role-based Access Control: Different permission levels for admins
- Session Management: Secure token handling and refresh
- Cloud storage integration (AWS S3 / Firebase)
- Advanced filtering (Genre, Year, Language)
- Image lazy loading for better performance
- CDN integration for global content delivery
- User accounts & personal watchlists
- Advanced search with filters
- Movie recommendations engine
- Progressive Web App (PWA) features
Hi, I'm Ankit Kumar Gurjar, a Software Engineer who builds scalable, production-grade systems. I don't just write code; I engineer solutions that solve business problems.
- Clean backend architecture (Spring Boot)
- Modern frontend design (Angular)
- Scalable, maintainable code
- Real-world problem solving mindset
- Freelance projects
- Custom website development
- Full-stack application builds
- Long-term collaborations
GitHub: https://github.com/ankitdoi-coder
LinkedIn: Ankit Kumar Gurjar
Email: ankitdoi82@gmail.com
WhatsApp: +91 9352134907
💼 Want a website like this for your business or idea?
📲 Contact me directly on WhatsApp for fast discussion and custom development.
This project reflects my ability to deliver production-ready systems that balance logic, performance, and design.
If you're a recruiter or client looking for someone who can handle both backend complexity and frontend experience —
Let's build something powerful together.