ScreenXpress🍿🎬

Welcome to the Movie & TV Show Hub, your ultimate destination for cinematic adventures! 🎉

Explore Now Live Demo🚀

Features

• 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. 🕒📡

Technologies Used

• 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. 🎨

Get Started

1. Clone the repository:

   git clone https://github.com/StarDust130/ScreenXpress.git

2. Navigate to the project directory:

   cd ScreenXpress

3. Install dependencies:

   npm install

4. 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.

5. Build for production:

   npm run build

   This command creates a build folder with the optimized and minified production build.

6. Explore the code:

   Feel free to explore the project structure, components, and styles to get a better understanding.

---

🚀 Happy coding! May your code always run smoothly and your bugs be easy to fix! 🎉✨

“The only way to do great work is to love what you do.” – Steve Jobs 🌟

---