http://www.fakeflix.online/

Register, or use testing user:

Normal user: lolabrown22@email.com, secret

Backend:

---

IADT Creative Computing Year 4 Advanced JavaScript CA2. React frontend for CA1 Node/Express backend. Fakeflix, an approximation of Netflix's UI and functionality.

Technologies:

ReactJS

Radix UI

Tailwind CSS

Features:

Multi-tiered user system. Users exist as part of 'families', whereby there is a single admin, and many 'user' or 'child' profiles beneath the admin. All users in a family share the same subscription type, ie 'Movies' 'Shows' or 'Movies & Shows', restricting their access to corresponding resources.

Stripe integration on registration. Users must 'pay' the corresponding fee for their chosen subscription type, e.g. €12 for both movies and shows.

Form validation.

Infinite scroll on shows/movies/all pages.

User favourites. Add or remove shows from your favourites, view your favourites.

Images fetched for titles where possible from OMDB image API.

Alerts/Modals displayed for errors or additional information where applicable.

Video trailers load in modal via 3rd-party API.

Add avatars (Image upload to S3)

Figma Prototype

https://www.figma.com/file/Vy9XTtoL2dThhjRJpHoWpF/Untitled?node-id=0%3A1&t=LdOrwiXDGB7Oq5co-1

Component Hierarchy (Not exhaustive)

Gallery

Login

Register

Stripe Checkout

Movies Home

Recommended Titles

Trailer

Favourites

Select Profile

Title Modal

Edit Profile