Go to file
tigeren 78100ad2db fix: downgrade react-player to version 2.16.1 and update import statement
- Changed the react-player dependency version in package.json from 3.3.1 to 2.16.1.
- Updated the import statement in App.jsx from VideoPlayer to ReactPlayer.
- Added onReady and onError event handlers to the ReactPlayer component for better error handling and logging.
2025-08-23 17:00:27 +00:00
backend fix: downgrade react-player to version 2.16.1 and update import statement 2025-08-23 17:00:27 +00:00
frontend fix: downgrade react-player to version 2.16.1 and update import statement 2025-08-23 17:00:27 +00:00
screenshot Implement code changes to enhance functionality and improve performance 2025-08-23 16:16:19 +00:00
test_videos/movies Initial commit 2025-08-23 09:37:49 +00:00
.gitignore Initial commit 2025-08-23 09:37:49 +00:00
README.md fix: downgrade react-player to version 2.16.1 and update import statement 2025-08-23 17:00:27 +00:00

README.md

Video Organization App

This project consists of a backend API (FastAPI) and a frontend web application (React).

Getting Started

Follow these instructions to set up and run the project on your local machine.

Prerequisites

  • Node.js (LTS version recommended)
  • npm (comes with Node.js)
  • Python 3.8+
  • pip (comes with Python)

Backend Setup and Run

The backend is a FastAPI application.

  1. Navigate to the backend directory:

    cd backend
    
  2. Install Python dependencies: It's recommended to use a virtual environment.

    python -m venv venv
    source venv/bin/activate  # On Windows, use `venv\Scripts\activate`
    pip install -r requirements.txt
    
  3. Run the backend server:

    uvicorn main:app --host 0.0.0.0 --port 8000
    

    The backend server will be accessible at http://0.0.0.0:8000.

Frontend Setup and Run

The frontend is a React application built with Vite.

  1. Navigate to the frontend directory:

    cd frontend
    
  2. Install Node.js dependencies:

    npm install
    
  3. Run the frontend development server:

    npm run dev -- --host
    

    The frontend development server will typically run on http://localhost:5173 (or another available port).

Rebuild and Restart Frontend

If you make changes to the frontend code and need to ensure a clean rebuild, or if you encounter caching issues, follow these steps:

  1. Stop the frontend development server (if running). You might need to find and kill the process manually if it's running in the background.
  2. Clear cache and reinstall dependencies:
    rm -rf frontend/node_modules frontend/.vite
    npm install --prefix frontend
    
  3. Restart the frontend development server:
    npm run dev --prefix frontend &
    

Project Structure

  • backend/: Contains the FastAPI backend application.
  • frontend/: Contains the React frontend application.
  • test_videos/: Sample video files.
  • screenshot/: Screenshots of the application.