Film Fusion Film Fusion is an interactive and feature-rich platform designed to cater to movie enthusiasts. It serves as a centralized hub for exploring, reviewing, and managing information about films and series. The platform is built with modern web technologies, ensuring a seamless user experience and aesthetic appeal.
Github Client Repo Link : github/tariqul420/client
Github Server Repo Link : github/tariqul420/server
Live Site Link: Film-Fusion.com
Live Site Link-2: Film-Fusion-2.com
- Components
- Hooks (useState, useEffect, useContext)
- React Router (useLoaderData, useParams, useLocation)
- Conditional Rendering
- React
- Firebase
- Tailwind CSS
- DaisyUI
- React Router
- React Icons
- React Toastify
- Context API
- Node.js
- Express.js
- MongoDB
-
Movie and Series Catalog
-
Search and Filter
-
User Reviews and Ratings
-
Watchlist and Favorites
-
Responsive Design
-
Trending Movies Section
- react-hook-form
- firebase
- prop-types
- react
- react-dom
- react-icons
- react-router-dom
- react-spinners
- react-toastify
- swiper
- sweetalert2
- slick-carousel
- react-slick
- react-simple-star-rating
- Limited Movie Data: Some movie data (like detailed descriptions) may not be available due to API restrictions.
- Responsive Issues: A few elements might not be perfectly aligned on smaller screens (currently under review).
- Search Filter: The search filter doesn’t fully reset after a search is completed. This will be fixed in the next release.
- Favorites Sync: The favorite movies list may not always persist after a browser refresh. This will be improved in the next update.
-
Clone the repository:
git clone https://github.com/tariqul420/Film-Fusion.git
-
Navigate to the project directory:
git clone Film-Fusion
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
