Skip to content

Latest commit

 

History

History
55 lines (37 loc) · 1.91 KB

README.md

File metadata and controls

55 lines (37 loc) · 1.91 KB
Raw

ViewTube 🖥️

Welcome to ViewTube - Your Ultimate Destination for Video Streaming!

Key Features 🔑

  • Youtube API Integration : Seamlessly access a vast array of videos from YouTube, ensuring endless entertainment at your fingertips.
  • Lazy Loading : Enhancing page load times by implementing lazy loading, ensuring a smoother and more efficient browsing experience.
  • Memoization : Leveraging advanced memoization techniques to optimize performance, minimize redundant API calls, and enhance responsiveness.
  • Live Chat Interaction : Implementing real-time chat functionality through API polling, ensuring dynamic and responsive communication.
  • Optimised Search Suggestions : Utilizing debouncing and caching methods to refine searches, minimize API calls, and ensure a smooth and efficient user experience.
  • PWA Support : Ensuring a seamless and app-like experience across all devices.
  • Fully Responsive : Whether you're on a smartphone, tablet, or desktop, it adapts seamlessly to your screen size.

Tech Stack 🛠️

  • React : Powering our frontend to deliver a user-friendly interface and dynamic components.
  • Redux : Managing state transitions effectively to optimize user journey.
  • React-Router : Smooth navigation experience, enabling seamless routing and dynamic page rendering.
  • Tailwind CSS : Ensuring rapid styling and consistent design across the platform.

Getting Started 💻

Prerequisites

Make sure you have Node.js and npm installed on your machine.

Installation

  1. Clone the repository:
git clone https://github.com/spranay99/ViewTube.git
cd ViewTube
  1. Install dependencies:
npm install
  1. Generate your Google API key and store them in a .env file as below:
VITE_GOOGLE_API_KEY=your_api_key
  1. Run the app:
npm run dev

Visit http://localhost:5173 in your browser to see ViewTube in action.