FlixClone

Not your usual Netflix clone.

Demo • Key Features • Tech Stack • How to use • Maintainers • Credits • License

---

Demo

Try it out

You can view the demo here.

Screenshots

Key Features

• Scroll to see the navbar background change.
• Navigate through shows by clicking on the buttons to the edge of the screen.
• Navigate through shows by dragging (only touch devices).
• Hover on a show to get the details.
• Dynamic data fetched from public/home_mock.json.
• Fully responsive.

Tech Stack

1. TypeScript
2. Next.js (create-next-app)
3. TailwindCSS
4. ESLint
5. Prettier

How to use

Preliminary

1. Clone on your machine: git clone https://github.com/oxcened/netflix-clone
2. Enter the repository folder: cd netflix-clone
3. Install dependencies: npm i

Run on your machine

1. Run the development server: npm run dev
2. Open http://localhost:3000 with your browser.

Build for production

1. Run the production build: npm run build
2. Run the production server: npm run start
3. Open http://localhost:3000 with your browser.

Maintainers

• oxcened

Credits

• Netflix Sans font by Dalton Maag Ltd.
• Icons by Lucide.

License

This project is MIT licensed.