childlike-temper-5127
Key Stacks
- This website is fully responsive
- Technologies used in this project
- Vanilla JavaScript
- Chakra Ui
- Slite
- Google Firebase
- CSS
- Moviedb Api
- Youtube Api
- IMDB Api
- Created personal Api for custom result
- vercel (For deployment)
- Click here to see the project
Junction Plus
Pages and their features
- Navbar
- Search bar
- find the result based on query
- Added debouncing feature
- Login and signup
- I used Google firebase for authentication
- Form is fully validated
- Home
- Popular Movie Carousel
- Run time showing popular movie (Daily Update Not Hard Coded)
- Dynamic Slider Section
- Find the movies according to the Some given option
- Popular Movies and Show (Daily Update Not Hard Coded)
- Top Rated Movies and Show (Daily Update Not Hard Coded)
- In Theaters Movies (Daily Update Not Hard Coded)
- Showing the trailers (By default Trending) Note:[Nothing is hardcoded everything is working and update daily bases]
- Trending
- Apple tv+
- Netflix
- Airing Today
- Here is, I Created custom slider with help of Chakra and Vanilla JavaScript
- Footer
- I added complete Movie and TV Shows (By default it show popular Category)
- Details
- Showing the complete details in depth
- Showing movie cast
- Giving the suggestions according to the selected movie
- Showing the movie review
- Trailers of the selected movie
Home
![](https://user-images.githubusercontent.com/108677306/221346026-b1050e5a-dbb2-46d7-97b7-e63c24babc00.PNG)
In theatre section
![](https://user-images.githubusercontent.com/108677306/221346490-7e621701-df43-4ee9-9050-9a9c8de75867.PNG)
Custom carousel
![](https://user-images.githubusercontent.com/108677306/221346785-5fef4f23-44f1-4f1d-9672-fec1d5786dad.PNG)
Details Page
![](https://user-images.githubusercontent.com/108677306/221346852-e7bb1e19-33b5-401d-b98e-7d4991014c18.PNG)
Movie cast
![](https://user-images.githubusercontent.com/108677306/221346943-8feb9f88-034f-4ec8-aa98-b74a0604963e.PNG)