Skip to content

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 the list. The website is designed to be user-friendly and visually appealing. Login details Email: one@gmail.com Password: 123123123

Notifications You must be signed in to change notification settings

m-shahzab/dramieswoo

Repository files navigation

DramiesWoo - ReactTS

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.

Login Details

What's New?

Features

  • 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.

Technology

DramiesWoo is built using the following technologies:

  • React with Typescript
  • TMDB Api
  • Appwrite
  • Framer motion

Pages Secreenshots

Hero section

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.

image

Movie | Series

moviePage

Search

search

Profile

Still working on it

profile

Watchlist

watchlist

Trending Slider

Upcoming, All, Movies, Series and Person

trendingSlider

Details

detailsPage movieDetails

all season list

image

Single season list with episodes

image

and more pages explore more.

About

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 the list. The website is designed to be user-friendly and visually appealing. Login details Email: one@gmail.com Password: 123123123

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published