StreamVibe is a single-page application (SPA) designed for a seamless streaming experience, allowing users to explore and watch their favorite movies and TV shows on demand. Built with a focus on user-friendly navigation, responsive design, and a modern interface.
- Movie & TV Show Library: Explore a wide variety of popular movies and shows with intuitive browsing.
- User Experience: Clean interface and smooth navigation, with Swiper to provide engaging content carousels.
- Toast Notifications: Using React-Hot-Toast and React-Toastify to keep users informed about actions within the app.
- State Management: Built with Redux Toolkit for efficient and scalable state handling, with Redux Persist for maintaining state across sessions.
- Routing: Implemented with React Router v6 to enable smooth transitions between different sections of the app.
- Loader Indicators: React-Loader-Spinner to enhance the user experience by displaying loading indicators during API calls.
- Fully Responsive Design: Utilizes Sass and React-Responsive to ensure a visually appealing experience across all device types.
- Vite: Used for fast builds and optimized production deployments.
- ESLint & Prettier: Maintains code quality and consistent styling.
- Husky: Ensures code quality through pre-commit linting.
-
Clone the repository:
git clone https://github.com/culplate/stream-explorer.git
-
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Open the website in your browser at http://localhost:5173.
The project is a demonstration of a streaming platform, showcasing UI elements and interactions without actual media streaming. The design prioritizes ease of use and an engaging interface for content discovery.
This project is licensed under the MIT License.