This project is a mini version of YouTube, developed as a university project for our Advanced Programming (AP) course. The goal was to create an application closely resembling the real YouTube app while implementing core object-oriented programming concepts such as Object, Encapsulation, Polymorphism, and Inheritance. Additionally, the project incorporates advanced programming concepts like multi-threading for the client/server, socket programming for server-client communication, and a database for data management.
The project was divided into three parts: Front-end, Server, and Database . Each team member was responsible for one part.
At first, you need to install PostgreSQL database from here.
After installation, open the SQL Shell to work with databases. At first, wants you to type server, database, port, username, and password. Don't type anything and leave them to be default, just press Enter until you reach Password for user postgres. Here, you must set the password 123, Don't set anything else!. After that, you will see the PostgreSQL command line, and you can enter SQL commands.
Here are some useful commands to know:
- List of all databases:
\l
- Connect to the new database:
\c database_name
- List of tables:
\dt
- View a table:
SELECT * FROM table_name;
You can use methods inside the setup class to create the database and reset tables as needed.
If its your first time using the project, You MUST create tables for app to work correctly, using create_database() and then create_tables() methods.
-
Hashing for account security
-
Recommendation algorithm
-
Live notifications
-
Video preview and shorts
-
Dynamic video speed change
-
Watch later/history feature
-
Live search recommendations
-
Multi-threaded server
-
Concurrent video uploads/downloads
-
Request saving
The front end of this project uses the JavaFX framework, a powerful library for building rich desktop applications with a modern UI. JavaFX allows us to create highly interactive and visually appealing user interfaces.
JavaFX is a set of graphics and media packages that enables developers to design, create, test, debug, and deploy rich client applications. It provides a comprehensive set of features to create engaging user interfaces, including:
- UI Controls: Buttons, text fields, tables, and more.
- Layouts: Arrange UI elements in flexible and responsive ways.
- CSS Styling: Customize the appearance of UI elements using CSS.
- FXML: Define the user interface in XML format.
you can see a tutorial on how it works here.
We use the Media library to handle video and image display within the application. This allows us to incorporate rich media content seamlessly into the UI.
Key features:
- Video Playback: Supports various video formats and controls.
- Image Handling: Display and manipulate images.
The Timeline library is used for creating animations and transitions of nodes. It allows us to add dynamic behavior to the UI components, making the application more interactive and engaging.
Key features:
- Animation: Smooth transitions and animations of UI elements.
- Transition Effects: Fade, slide, scale, and rotate nodes.
In our project, we also implemented multi-threading to handle UI updates efficiently and reduce lag. For example in client side, getting a video from server will be done a separate thread.
The server and client are the main components of the project, each divided into several sub-components.
The server is the primary thread managing three other threads: Client_part, Receiver_part, and Sender_part.
- Client_part → Handles incoming client connection requests and creates a Client_Handler thread for managing regular requests.
- Receiver_part → Manages user uploads by spawning a new thread for each upload connection.
- Sender_part → Handles media downloads similarly to Receiver_part.
Upon running the application, an instance of the Client class is created, establishing a connection with the Client Handler and creating a thread to listen for server responses.
Models (e.g., Account) consist of three classes: Model, Server Model, and Client Model, all extending the abstract ClassInfo class. Requests are models converted to JSON.
- Model → Contains data and functions for the model.
- Client_model → Instantiates Model and sends requests from the front-end.
- Server_model → Used in the Client_Handler to process requests and interact with the database.
Server responses are instances of the ServerResponse class, containing a hashmap for request_id and response data.
We use JDBC to connect our database and run SQL queries from our Java program. You can read a tutorial on how it works here.
You can see schema of tables here.
To send data between client and server, we used the Jackson library for JSON API. Dependencies are available here:
PostgreSQL and JDBC dependencies are also included:
If you would like to support this project, you can make a donation here.
- Discord: Join our Discord
- Telegram: @srshsbr
- 💌 soroush.13830o@gmail.com