Skip to content

DulanjaliSenarathna/cinemx

Repository files navigation

Cinemx

A complete React js movie application.

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


Made with ❤️ by Dulanjali Senarathna


Project Description

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.

What I used

Requirements

  • Basic ReactJs knowledge
  • Basic HTML, SCSS knowledge

Getting Started

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

Tools Used

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

FAQ

Q: What are the prerequisites?

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

Q: Who the project is for?

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


Feedback

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

Happy Coding! 🚀

Website's screenshots

Home page

1 2 3 4 5 6 7 8

Single movie detail

9 11 12 13

Play trailer

10

Explore movies

15

Explore tv

16

Not found

17

Search results

18