https://github.com/jesuisstan/hypertube-video-library
Web application that enables user’s to search for and watch videos
https://github.com/jesuisstan/hypertube-video-library
Last synced: 27 days ago
JSON representation
Web application that enables user’s to search for and watch videos
- Host: GitHub
- URL: https://github.com/jesuisstan/hypertube-video-library
- Owner: jesuisstan
- Created: 2024-12-09T14:06:02.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-04-22T17:21:34.000Z (28 days ago)
- Last Synced: 2025-04-22T17:51:25.766Z (28 days ago)
- Language: JavaScript
- Homepage: https://hypertube-video-library.vercel.app
- Size: 7.09 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Documentation: Hypertube Video Library
## Objective
This project aims to create a web application that enables user’s to search for and watch videos.
The player is integrated directly into the site, and the videos are downloaded using the BitTorrent protocol.
To enhance search capabilities, the research engine queries at least two external sources of your choice.
Once a selection is made, the video will be downloaded from the server and streamed on the web player simultaneously.
This means that the player not only displays the video after the download is complete but also streams the video feed directly.
## Implementation
The project was implemented using functional components and popular hooks in ReactJS with TypeScript, leveraging the Next.js framework for server-side rendering and routing. The following steps were taken to complete the project:
1. **Backend Implementation**: Connection to Vercel PostgreSQL cloud database created. PostgreSQL is used for data storage, ensuring reliability and scalability.
2. **Frontend + Backend**: The application is a full-stack exxample, developed using Next.js, incorporating TypeScript for type safety. The application follows a responsive design, ensuring usability across various devices.
3. **Styling**: Tailwind CSS is used for styling, providing a modern and consistent design. The application features utility-first CSS, enabling rapid styling adjustments. The application supports 2 color themes: light and dark.
4. **Language Support**: Hypertube app allows users select between 3 main languages for the interface: English, Français & Русский.
5. **Real-Time Features**: Implemented chat functionality allows users to communicate once matched. Notifications for likes and visits are provided to enhance user engagement.
6. **Version Control**: The code is hosted on GitHub and made publicly accessible. The repository can be found at [https://github.com/jesuisstan/hypertube-video-library](https://github.com/jesuisstan/hypertube-video-library).
7. **Deployment**: The application is deployed on Vercel, providing fast global access. Visit the application at [https://hypertube-video-library.vercel.app](https://hypertube-video-library.vercel.app)
## Results
The deployed version of the app allows users to:
- Authenticate with email and password, creating new accounts or logging into existing ones.
- Create and manage user profiles with interests, preferences, photos.
- Connect with other users based on mutual interests and preferences.
- Chat with users with whome you have matched.
## Demonstration
_(Add demonstration details, screenshots, or links to demo videos here)_ Coming soon...