DramiesWoo is a React-TS based movie website that allows users to search for movies by title and with cast names, sort them by genre and years, view trending and upcoming movies, and add their favorite movies to list. The website is designed to be user-friendly and visually appealing.
- Password
- 123123123
- Hero Section Overlay Color : Extract dominant color from image and set as overlay color for a seamless visual experience
- Filtering: movies can be sorted by genre, popularity and years.
- Enhanced Search Functionality
- Implemented debouncing on the search page to optimize performance and prevent overwhelming server requests.
- Integrated user-friendly search filters for efficient content discovery (e.g., by movie, series, person).
- Optimized User Experience
- Utilized lazy loading to ensure smooth page load times and efficient resource management.
- Built custom infinite scroll components for seamless content exploration without manual pagination.
- Rich Content Display
- Designed dedicated pages (movie, series, profile, media, person, …) showcasing relevant details, posters, videos, and thumbnails.
- Provided detailed information pages for actors and other personalities.
- Appwrite: users can sign in.
DramiesWoo is built using the following technologies:
- React with Typescript
- TMDB Api
- Appwrite
- Framer motion
I have implemented a feature to extract the dominant color from an image and apply it as the overlay color, resulting in a cohesive visual effect.
Still working on it
Upcoming, All, Movies, Series and Person
all season list
Single season list with episodes
and more pages explore more.