#📸 Snaps of FilMio
FilMio is a cutting-edge online platform that delivers an unparalleled movie-watching adventure. With a powerful combination of modern technologies and user-centric design, FilMio redefines how you explore, discover, and enjoy your favorite films. Our platform seamlessly integrates React hooks for state management, Redux Toolkit for scalable global state containers, Axios for Rest API data fetching, and React Router DOM v6 for fluid navigation, ensuring a smooth and engaging cinematic journey.
[FilMio] is a...
The Tech stack for this project include Vite + React ,Rapid API , SCSS , Redux , Custom Hooks and The Movie Database.
-
Dynamic Carousels: Immerse yourself in a visually captivating movie selection experience through our dynamic carousels. Powered by custom hooks, these carousels adapt to your preferences and deliver personalized movie recommendations right on your homepage.
-
Infinite Scrolling: Say goodbye to endlessly clicking through pages. CineWave boasts an infinite scrolling mechanism that effortlessly loads more movie options as you explore, guaranteeing you an uninterrupted browsing adventure.
-
Responsive Design: Enjoy your favorite films on any device. Our platform is designed with responsiveness in mind, utilizing media queries to ensure a seamless movie-watching experience across various screen sizes, whether it's your smartphone, tablet, laptop, or desktop.
-
Comprehensive Error Handling: We understand that a flawless experience matters. CineWave's robust error-handling mechanisms ensure that you're kept in the loop, even when things don't go as planned. From handling slow network connections to providing helpful 404 error messages, we've got you covered.
-
Optimal Loading Experience: Witness the future of movie streaming with our innovative loading skeletons. While fetching data, our platform doesn't leave you hanging – it presents engaging loading animations, maintaining your excitement throughout the process.
-
Movie Details and Reviews: Dive deep into the world of each movie with comprehensive details and user reviews. Make informed decisions on what to watch next, and contribute your thoughts to the community by sharing your own reviews.
-
Seamless Navigation: Thanks to React Router DOM v6, navigating between pages is a breeze. Whether you're exploring genres, searching for specific titles, or checking out what's trending, you'll always find your way effortlessly.
-
Global State Management: CineWave harnesses the power of Redux Toolkit for efficient state management. Our scalable global state containers ensure that your interactions are lightning-fast, and your preferences are seamlessly synchronized across different sections of the platform.
-
RESTful API Integration: We've leveraged Axios to fetch movie data from our RESTful API, ensuring that you're always up to date with the latest releases, trailers, and information about your favorite films.
To get a local copy up and running, follow these steps.
In order to run this project you need to install node in your system : If it is already installed in your system then run this command in your CMD .
command:
node --version
Clone this repository to your desired folder:
cd my-folder
git clone https://github.com/Ishukumarpathak/FilMio.gitInstall this project with:
npm install
cd my-projectTo run the project, execute the following command:
npm run dev👤 Author
- GitHub: @githubhandle
- Twitter: @twitterhandle
- LinkedIn: LinkedIn
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh