Skip to content

Latest commit

 

History

History
83 lines (62 loc) · 3.27 KB

README.md

File metadata and controls

83 lines (62 loc) · 3.27 KB

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 🌟