The CineMelodies application is crafted to empower users with the ability to explore information on their favourite - and new favourite - movies, providing not only images and core movie information, but also comprehensive soundtrack information including playable audio previews. CineMelodies provides a comprehensive resource on not only the movies, but the sounds behind the movies.
On the homepage, you have the option to explore a curated collection of pre-populated movies categorized by genres. By clicking on individual cards, you can access detailed audio/video information about the movie, including soundtrack previews. Additionally, you can search for your favorite movie - upon pressing the "Go" button, you will be directed to another page displaying your search results. Clicking on the preferred card provides further details about the movie and previews of the soundtrack.
Video demo (note: slightly outdated)
Figma, Axios, React, Slack, TMDb, Tailwind[New], Spotify, Nodejs, Hooks (including useNavigate & useLocation[New]), React-Player package[New]