School of Science and Technology 科技學院
Computing Programmes 電腦學系
| Programme | Bachelor of Computing with Honours in Internet Technology Bachelor of Science with Honours in Computer Science |
| Supervisor | Dr. Alin Liu |
| Areas | Web Applications |
| Year of Completion | 2025 |
This project to confront the prevailing deficiencies in user protection on social media platforms, which include various forms of media theft, misappropriation of content, and unauthorized access to personal data.
The Need for a Secure and Decentralized Social Environment
Considering the differences between Web 2.0 and Web 3.0, we know that Web 3.0 has enhanced privacy and security, decentralizing data ownership. By implementing Web 3.0 technologies, we want to create a high-privacy social media environment where users retain ownership of their content and are protected against unauthorized misappropriation. Moreover, we are going to ensure that individual privacy and security are strictly protected, to foster a more trusted and resilient social media for all users.
Core Functionality & User Experience
As for our Web 3.0, high-privacy social media allows users to open personal accounts and upload media. Users can not only create their own posts but also react to the posts of others when given permission. At the same time, there are also private chat rooms between users. All of this will be executed with the robust security features of Web 3.0.
Demonstration Video
Presentation Video
Technology Choices Justification
Runtime: Node.js
Frontend: Svelte
Backend: SvelteKit
Database: GunDB
Overall Architecture
Web Application(Frontend)
Data Storage (Backend)
Figure 1: System Architecture of the Web 3.0 Social Media
Figure 4: User Account
Account Creation Flow
Create Account Page:
User Actions & Workflows
Main Page Access:
Chat List Page:
Data Storage & Communication
Server Interaction:
User ↔ Network Communication:
Figure 2: Post System
Core Components
User Interaction Flow
Backend Processes
Figure 3: Chatroom System
Core Components
User Interaction Flow
Backend Processes
Login and Create Account Page
Users can login or create an account with username and password in the login page. There is not “forgotten password” function that user is obliged to remember their passwords in Web 3.0.
Figure 5: Login Page
Figure 6: Create Account Page
Home Page
Home page is composed of 4 components, which is header on the top, menu on the left-hand side, post function and post content, and notifications on the right.
Figure 7: Main page
Profile Page
If the user visits the profile from another user, the user can send the chat request or accept request after receive chat request to that user.
Figure 8: User Page
Chatroom and Block Page
After the user accepts chat request, the system will go to chatroom automatically. Users also can see the chatroom and start chatting with other users on the messages page.
Figure 9: Chatroom Page
If a user blocks another user, both users will be unable to chat with each other.
Figure 10: Block Page
Block feature
When a user press the “Block” button on someone's profile, the chatroom will be inaccessible and the chatroom status will be updated to “[BLCOKED CHAT]” in GunDB database and the status will be fetched and displayed for both users in the Chatroom list.
The “Chat” button will also disappear for both users.
Figure 11: Block Program Page
Encryption feature
When a user toggles the encryption button for his/her profile, the encryption state of the user profile will first be updated and stored in the GunDB database, the bio of the user displayed in the profile will then be encrypted and the encrypted bio will be stored in the GunDB database.
Both the original and encrypted bio are stored in the GunDB database, if the encryption button is enabled, the encrypted bio will be fetched in the GunDB database and displayed to others visiting the user's profile.
Figure 12: Encryption Program Page
By creating a Web 3.0-based social media platform, this project sought to solve the important concerns of user ownership and data privacy that are common in popular social media platforms. The platform makes use of decentralized technologies like GunDB, IPFS, and blockchain concepts to provide safe data processing, user independence, and censorship resistance.
Key Achievements
Decentralized & Secure
Core Functionality & UX
Data Ownership
Limitations
Jonathan handles all external affairs include business development, patents write up and public relations. He is frequently interviewed by media and is considered a pioneer in 3D printing products.
After graduating from OUHK, Krutz obtained an M.Sc. in Engineering Management from CityU. He is now completing his second master degree, M.Sc. in Biomedical Engineering, at CUHK. Krutz has a wide range of working experience. He has been with Siemens, VTech, and PCCW.
Hugo Leung Wai-yin, who graduated from his four-year programme in 2015, won the Best Paper Award for his ‘intelligent pill-dispenser’ design at the Institute of Electrical and Electronics Engineering’s International Conference on Consumer Electronics – China 2015.
The pill-dispenser alerts patients via sound and LED flashes to pre-set dosage and time intervals. Unlike units currently on the market, Hugo’s design connects to any mobile phone globally. In explaining how it works, he said: ‘There are three layers in the portable pillbox. The lowest level is a controller with various devices which can be connected to mobile phones in remote locations. Patients are alerted by a sound alarm and flashes. Should they fail to follow their prescribed regime, data can be sent via SMS to relatives and friends for follow up.’ The pill-dispenser has four medicine slots, plus a back-up with a LED alert, topped by a 500ml water bottle. It took Hugo three months of research and coding to complete his design, but he feels it was worth all his time and effort.
Hugo’s public examination results were disappointing and he was at a loss about his future before enrolling at the OUHK, which he now realizes was a major turning point in his life. He is grateful for the OUHK’s learning environment, its industry links and the positive guidance and encouragement from his teachers. The University is now exploring the commercial potential of his design with a pharmaceutical company. He hopes that this will benefit the elderly and chronically ill, as well as the society at large.
Soon after completing his studies, Hugo joined an automation technology company as an assistant engineer. He is responsible for the design and development of automation devices. The target is to minimize human labor and increase the quality of products. He is developing products which are used in various sections, including healthcare, manufacturing and consumer electronics.
| Course Code | Title | Credits | |
|---|---|---|---|
| COMP S321F | Advanced Database and Data Warehousing | 5 | |
| COMP S333F | Advanced Programming and AI Algorithms | 5 | |
| COMP S351F | Software Project Management | 5 | |
| COMP S362F | Concurrent and Network Programming | 5 | |
| COMP S363F | Distributed Systems and Parallel Computing | 5 | |
| COMP S382F | Data Mining and Analytics | 5 | |
| COMP S390F | Creative Programming for Games | 5 | |
| COMP S492F | Machine Learning | 5 | |
| ELEC S305F | Computer Networking | 5 | |
| ELEC S348F | IOT Security | 5 | |
| ELEC S371F | Digital Forensics | 5 | |
| ELEC S431F | Blockchain Technologies | 5 | |
| ELEC S425F | Computer and Network Security | 5 |
| Course Code | Title | Credits | |
|---|---|---|---|
| ELEC S201F | Basic Electronics | 5 | |
| IT S290F | Human Computer Interaction & User Experience Design | 5 | |
| STAT S251F | Statistical Data Analysis | 5 |
| Course Code | Title | Credits | |
|---|---|---|---|
| COMPS333F | Advanced Programming and AI Algorithms | 5 | |
| COMPS362F | Concurrent and Network Programming | 5 | |
| COMPS363F | Distributed Systems and Parallel Computing | 5 | |
| COMPS380F | Web Applications: Design and Development | 5 | |
| COMPS381F | Server-side Technologies and Cloud Computing | 5 | |
| COMPS382F | Data Mining and Analytics | 5 | |
| COMPS390F | Creative Programming for Games | 5 | |
| COMPS413F | Application Design and Development for Mobile Devices | 5 | |
| COMPS492F | Machine Learning | 5 | |
| ELECS305F | Computer Networking | 5 | |
| ELECS363F | Advanced Computer Design | 5 | |
| ELECS425F | Computer and Network Security | 5 |
