Welcome to the Movie & TV Show Hub, your ultimate destination for cinematic adventures! 🎉
Explore Now Live Demo🚀
- Discover the Latest: Stay up-to-date with the hottest movies and TV shows. 🌟🔥
- Search & Explore: Find your favorite content with our powerful search feature. 🔍🗺️
- Responsive Design: Enjoy a seamless experience on all devices, from desktop to mobile. 📱💻
- Infinite Scrolling: Effortlessly explore an endless list of content by simply scrolling. 🔄🔥
- Video Playback: Watch trailers and clips directly within the app for a sneak peek.
▶️ 🍿 - Interactive UI: Engage with a user-friendly interface for a delightful browsing experience. 🎨👀
- State-of-the-Art Styling: Experience visually stunning design with SCSS and Tailwind CSS. ✨🎨
- Real-time Updates: Receive the latest movie and TV show data in real-time, keeping you informed. 🕒📡
- React.js: Front-end development made easy. ⚛️
- SCSS: Stylish and maintainable styles. 🎨
- Tailwind CSS: Rapid UI development with utility-first classes. 🚀🎨
- @reduxjs/toolkit: State management made simple. 🔄
- axios: HTTP client for making requests to your server. 🌐
- dayjs: Efficient date and time manipulation. 📅
- react-circular-progressbar: Add beautiful circular progress bars. 🔄🌈
- react-dom: Entry point to the React DOM library. 🏛️
- react-icons: A collection of popular icons for React. ✨📚
- react-infinite-scroll-component: Implement infinite scrolling effortlessly. 🔄🔁
- react-lazy-load-image-component: Lazy load images for improved performance. 🖼️💤
- react-player: Easily embed videos with React. 📹🎬
- react-redux: Official React bindings for Redux. 🔄
- react-router-dom: Declarative routing for React.js. 🔄🛣️
- react-select: A flexible and powerful Select component. 🎯🔄
- sass: CSS preprocessor scripting language. 🎨
-
Clone the repository:
git clone https://github.com/StarDust130/ScreenXpress.git
-
Navigate to the project directory:
cd ScreenXpress
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
This will launch the app in development mode. Open http://localhost:3000 in your browser to view it.
-
Build for production:
npm run build
This command creates a
build
folder with the optimized and minified production build. -
Explore the code:
Feel free to explore the project structure, components, and styles to get a better understanding.
“The only way to do great work is to love what you do.” – Steve Jobs 🌟