BOBFLIX

Streaming

STREAMING.mp4

Register

bobflixregister.mp4

forgotpass and signin

reset.pass.and.signin.mp4

Demo

demo23.mp4

demo2.mp4

demo3.mp4

Figma home page design

Movie Carousel with pagination

netflix.carousel.mp4

update 31/08

finish slider and carousel container but problem arise for fetching all data at once

react.slider.mp4

optimize problem

one of the most importance in website is that keep the customer as long as posible and in NetFlix case we need to load a lot of image and can cause the website slow for customer to interact with example:

loading.mp4

and as you can see user need to wait at least 5 second to be able to interact with website and also due to the image size is roughly 20Kb for each image and at the end we can see some image doesnt load (we can down grade it but who dont want to go to a beautifull website rather than a blury one)

Solution

instead load all image at once only load the once that the user can see change the fetch priority

final.loading.mp4