This project is the frontend user interface for a video processing application. It allows users to upload videos, process them with custom prompts, and download the results. The application features user authentication, video management, and integration with a backend API for video processing.
- User Authentication (Sign Up, Login, Logout)
- Video Upload
- Custom Video Processing with User-Defined Prompts
- Video Download
- Responsive Design
- Real-time Notifications
- React.js
- TypeScript
- React Router for navigation
- Axios for API requests
- React Hot Toast for notifications
- Emotion for styled components
Before you begin, ensure you have met the following requirements:
- Node.js (v14.0.0 or later)
- npm (v6.0.0 or later)
-
Clone the repository:
-
Navigate to the project directory:
-
Install the dependencies:
- Create a
.envfile in the root directory. - Add the following environment variables:
Replace the URL with your actual backend API URL.
To run the application in development mode:
The application will be available at http://localhost:3000.
To create a production build:
The build artifacts will be stored in the build/ directory.
The application integrates with a backend API for user authentication and video processing. The API endpoints are defined in src/api/index.ts.
Contributions to this project are welcome. Please follow these steps:
- Fork the repository
- Create a new branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE.md file for details.
Your Name - vincentoracla@gmail.com
Project Link: https://github.com/Icarus-blue/video-processing-ui