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-1Component Hierarchy (Not exhaustive)
Gallery
Login
Register
Stripe Checkout
Movies Home
Recommended Titles
Trailer
Favourites
Select Profile
Title Modal
Edit Profile
