MoonFlix

🌙 MoonFlix — Elevate your movie experience with a single click! Discover cinematic marvels with effortless sorting by categories and genres to match your mood. Dive deeper with actor insights, captivating synopses, and mesmerizing trailers for upcoming gems. Unleash an enchanting adventure with MoonFlix's intuitive search. Say goodbye 👋 to endless scrolling and embrace a new era of movie magic. Explore MoonFlix today for unparalleled entertainment!

🚀 Live Demo

Immerse yourself in its design and functionality with an interactive live demo — simply click the link to explore.

Live Preview ➡️ Demo

🖼️ Project Screenshots

Feel free to check out the screenshots of my website for a sneak peek into its captivating user interface.

⬅️ Dropdown Search ➡️

⬅️ Trailer Modal ➡️

⬅️ Movies List Page ➡️

⬅️ Movie Details Page ➡️

⬅️ Actor Page ➡️

💡 Key Features

Here are some of the standout features of the project:

Effortless Sorting 📂: Easily discover films by sorting them into categories and genres to match your mood.
Actor Insights 🎭: Access in-depth information about actors to enhance your viewing experience.
Captivating Synopses 📖: Read engaging summaries of films to help you choose your next watch.
Mesmerizing Trailers 🎥: Enjoy trailers for upcoming releases, providing a sneak peek into future cinematic gems.
Intuitive Search 🔍: Utilize a user-friendly search function to quickly find movies without endless scrolling.
Movie Recommendations 🌠: Receive personalized movie suggestions based on your preferences for a tailored viewing experience.
TMDB API Integration 🌐: Leverage the TMDB API for accurate and up-to-date movie data, ensuring a comprehensive catalog.
Pagination for Movies List 📄: Navigate through extensive movie lists seamlessly with efficient pagination for improved user experience.
Enhanced Movie Discovery 🌟: Explore a wide range of films and elevate your entertainment experience with just a click.

Experience the magic of movies with MoonFlix today!

🛠️ Installation & Set Up

1. Clone the repository:

git clone https://github.com/kranthikumarkaranam/MoonFlix.git

2. Go to the project directory:

cd MoonFlix

3. Install dependencies using npm:

npm install

4. Start the development server:

Before starting the server add these env variables.

npm start

🌱 Environment Variables

To run this project, you need to add the following environment variables to your .env file in the project's root directory.

Also, feel free to take a look at the .env.example file here.

REACT_APP_TMDB_KEY

💻 Tech Stack

Technologies used in the project:

React.js
React Router
Styled Components
SASS
AOS

🍰 Contribution Guidelines

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

See Contributing for ways to get started.
If you have suggestions for adding or removing projects, feel free to open an issue to discuss it, or directly create a pull request by following the guidelines here.
Please make sure you check your spelling and grammar.
Create individual PR for each suggestion.
Also, please read through the Code of Conduct before posting your first idea as well.

📝 Creating a Pull Request

Follow the steps below to Initiate a Pull Request

Fork the repository
Create your Feature Branch (git checkout -b feature/AmazingFeature)
Commit your Changes (git commit -m 'Add some AmazingFeature')
Push to the Branch (git push origin feature/AmazingFeature)
Open a Pull Request

💖 Like my work?

Thank you for taking the time to explore the project. I hope it brings value and joy to those who use it.

If you require any help or have any questions, please don't hesitate to reach out to me here.

kranthikumarkaranam/MoonFlix