Welcome to ViewTube - Your Ultimate Destination for Video Streaming!
- 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.
- 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.
Make sure you have Node.js and npm installed on your machine.
- Clone the repository:
git clone https://github.com/spranay99/ViewTube.git
cd ViewTube- Install dependencies:
npm install- Generate your Google API key and store them in a .env file as below:
VITE_GOOGLE_API_KEY=your_api_key- Run the app:
npm run devVisit http://localhost:5173 in your browser to see ViewTube in action.