This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Project Overview

Live URL: https://apple-tv-clone.mudasir.live

Github Repository URL: https://github.com/mudassirzr/apple-tv-clone

Technologies and Libraries: React, Tailwind, react-scroll-parallax, react-intersection-observer

Frameworks Used: Next.js

Practices Followed: React component reusability

Project Architecture: React Microfrontends Component Architecture

Project Performance Performance Measurement: NA

Performance Optimization: NA

Testing Methodologies: No test cases written

Known Issues: Hero animation not working as expected in some versions of Chrome (known issue with Next.js + react-parallax-scroll library listed here vercel/next.js#55794)

Known issue fix: Can be fixed by downgrading Next.js to 13.4.1 as listed here

Hero Section Only (without scroll issue): https://apple-tv-clone.mudasir.live/hero-only