A complete React js movie application.

live demo: https://cinemx.vercel.app/

Cinemx contains all the functionalities that a movie website should have. Users can search for any movie/ tv show and the site will filter results and display them on a beautiful screen. Also, users can show all the trending movies and tv shows. Users can see popular, top-rated movies and tv shows. Users can see a single movie/tv show's details by clicking on a specific movie/ tv show. Bottom of the movie details page, the user can show related official videos. Anyone can see what is similar movies to the movie on the details page at the bottom of the page. Anyone can play the movie trailer using a video popup. Users can explore movies/tv shows by clicking the movies and tv shows the button in the header section. On explore page users can filter movies by their genres and also can sort.

• React
• React Redux
• The Movie Database API
• React icons
• Vite
• More...

• Basic ReactJs knowledge
• Basic HTML, SCSS knowledge

After getting the starter files, you need to go the file directory and run

npm install

and after that start the dev server.

npm run dev

1. Favicon: Flaticon.com
2. Code Editor: VS Code

basics of html, css, javascript and some basic knowledge of react is enough to start this project. Rest you will learn in the tutorial.

The project is for the people who wanna get more skilled in ReactJs.

If you have any feedback, please reach out to us at Dulanjali Senarathna

Happy Coding! 🚀