- 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. |
||
|---|---|---|
| backend | ||
| frontend | ||
| screenshot | ||
| test_videos/movies | ||
| .gitignore | ||
| README.md | ||
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.
-
Navigate to the backend directory:
cd backend -
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 -
Run the backend server:
uvicorn main:app --host 0.0.0.0 --port 8000The 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.
-
Navigate to the frontend directory:
cd frontend -
Install Node.js dependencies:
npm install -
Run the frontend development server:
npm run dev -- --hostThe 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:
- Stop the frontend development server (if running). You might need to find and kill the process manually if it's running in the background.
- Clear cache and reinstall dependencies:
rm -rf frontend/node_modules frontend/.vite npm install --prefix frontend - 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.