MovieX : High-quality films for you

• MovieX is a dynamic and engaging movie website that provides movie enthusiasts with a wide range of movies to explore and enjoy. The website is designed to be user-friendly and easy to navigate, with a variety of features that make it simple to find the perfect movie for any occasion.

• At "MovieX", users can browse the latest and most popular movies on the trending page, get detailed information about any movie on the details page, and search for specific movies using the search page. The website's explore page provides users with the ability to find new movies based on their interests, with a variety of genres and themes to choose from.

Features

• Movie information: A movie website typically provides information about movies, including title, genre, cast, plot summary, and release date.
• Movie reviews and ratings: Many movie websites allow users to rate and review movies, providing feedback that can help others decide whether to watch a particular movie.
• Movie trailers: A movie website may include trailers for upcoming movies or popular films that are currently in theaters.
• Recommendations: Many movie websites provide personalized movie recommendations based on a user's viewing history or preferences.
• Watchlist: A watchlist feature allows users to save movies they want to watch later. Some movie websites also provide recommendations based on the movies a user has saved to their watchlist.

This movieX website has the designing & development following features:

• Responsive design: Ensure that your website is optimized for viewing on a variety of devices, including desktops, laptops, tablets, and smartphones.
• Analytics: Implement an analytics system that allows you to track website traffic, user behavior, and other key metrics.
• SEO optimization: Optimize your website for search engines so that it ranks higher in search results for relevant keywords.
• Search functionality: Implement a search bar that allows users to search for specific content on your website, such as articles or other user profiles.
• Modern and user-friendly design
• Responsive layout for optimal viewing on all devices

The website has been built using the following technologies:

• HTML
• SCSS
• JavaScript
• ReactJS
• React Redux
• React Router Dom

Folder Structure

+---public
+---src
|   \---assests
|       \---avatar
|       \---movieX-logo
|       \---no-poster
|       \---no-results
|   \---components
|       \---carousel
|       \---circlerating
|       \---contentwrapper
|       \---footer
|       \---genres
|       \---header
|       \---lazyloadimage
|       \---moviecard
|       \---spinner
|       \---switchtabs
|       \---videopopup
|   \---hooks
|       \---useFetch
|   \---pages
|       \---404
|       \---details
|       \---explore
|       \---home
|       \---searchresult
|   \---store
|       \---homeslice
|       \---store
|    
|   \---utils
|       \---api
\---App.jsx
\---index.scss
\---index.jsx

Owner

• Developer: Pushpraj Paroha
• GitHub URL: https://github.com/prp0076
• Hosted on netlify : visit now

Screenshots

Home

Search

Movie Details

Explore Movie

Explore Tv

For more information please visit website

Getting Started

To get started with the website, you will need to first clone this repository:

git clone https://github.com/prp0076/MovieX.git

Once you have cloned the repository, navigate to the project directory and install the dependencies:

cd MovieX
npm install

After the dependencies have been installed, you can start the development server by running:

npm start This will start the development server at http://localhost:3000/ , allowing you to view the website in your browser.

Contributing

We welcome contributions to this project! If you'd like to contribute, please follow these steps:

• Fork the repository to create your own copy of the project.
• Create a new branch in your fork to make your changes.
• Submit a pull request from your branch to the original repository, and we'll review your changes.

Thank you for checking out our project!