Software, structures and practices on this disney plus clone is 100% created and maintained by Nikko Abucejo. Any information/data is provided by TMDB API. Authentication is only stored on the client's browser and will never store any user information in the database. Everything on this project is for learning purposes only. Feel free to copy/clone/fork the repository. Any feedback is appreciated!
- CSS: Grid Layout
- CSS: Flex-box Layout
- CSS: Responsive Media Queries
- CSS: Uses Animations
- CSS: Includes Relative, Absolute, Fixed, Sticky Positions
- HTML: Follows Semantic HTML5
- REACT: Follows React18 Best Practices
- REACT: Uses Server Components and Client Components
- REACT: Uses Custom Hooks
- NEXT: Follows NextJs13 Best Practices
- NEXT: Uses App Directory
- NEXT: Dynamic Routing Across Pages
- NEXT: Uses Image, Link Tags
- NEXT: Uses NextJs Middleware
- NEXTAUTH: With User Authentication
- NEXTAUTH: Protected Routes with NextJs Middleware
- JAVASCRIPT: Uses ES6 Features
- TYPESCRIPT: Properly Typed Data
- TYPESCRIPT: Follows Best Practices
- FRAMER MOTION: Uses Simple Animation
- TAILWIND: Uses Tailwind Design Patterns/System
- SEO: Properly Configured SEO
- API: Uses TMDB API
- User authentication
- Protected routes with nextauth and nextjs middleware
- Shows latest movies and series available
- Search movies and series and display data in real time
- Responsive layout from mobile, tablet, laptop to desktop with smooth transitions
