Skip to content

spranay99/Flixify

Repository files navigation

Flixify 🍿

Welcome to Flixify! - a revolutionary streaming web app that redefines how you enjoy entertainment which is set to transform your viewing experience.

Key Features 🔑

  • Firebase Authentication : It ensures secure user authentication through Firebase, providing a smooth and reliable login experience for all users.
  • TMDB API Integration : Seamlessly accessing a vast database of movies and TV shows, enriching your Flixify experience with endless entertainment options.
  • AI-Powered Search Input : The search bar, backed by Google's Gemini API, delivers intelligent recommendations, making content discovery effortless.
  • Secured Routing : It features secured routing, ensuring safe and protected navigation throughout the app,
  • Multi-language support : Flixify speaks your language, offering seamless access to content in multiple languages,
  • 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/Flixify.git
cd Flixify
  1. Install dependencies:
npm install
  1. Generate your Firebase and Gemini API keys and store them in a .env file as below:
VITE_FIREBASE_API_KEY=your_api_key
VITE_GEMINI_API=your_api_key
  1. Run the app:
npm run dev

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