This is the demo video showing some core functions of the website such as edit profile, post, comment, like, filter, etc.
This is the project that we, as a team of five, tend to create a web application that is similar to X and Diaspora using Django. The platform offers some very interesting versions that allow the admin to connect to other nodes for sending and receiving user data. I deployed my own version on Heroku. Here is the link to the website.
Note that the user sign-up needs to be verified in the admin panel in order to sign in. Here's the username and password for the default user: username: default, password: 12345678. If you want to create a new account, you are welcome to message me so I can approve it.
Here is the source code.
I'm the frontend programmer in the team. I'm mainly in charge of creating and designing UI/UX and writing scripts for some pages like the profile and message board. I wrote the script including HTML to JavaScript for the profile page and derivative pages.
I wrote the script that allows users to call the ChatGPT API for the posting section to generate content from what users input in the post section. I also established the filter that allows three different options of posts: public, unlisted, and friend-only. Each option will have different filter features for displaying users' posts, depending on whether they follow each other, and also create functionality that allows users to add a Spotify link or YouTube link when posting, and it will display as embedded in the post. Besides those, I also implemented cookies for the website and web page verification to prevent injection attacks.
My work is primarily in the GOLD-Web-Backup\static\social_distribution, which contains all the front-end scripts.
You can browse followers and following in the profile. This affects the post visibility of friend-only which the post can be only seen when two users are following each other.
The user will receive a notification on the homepage when someone follows them.
The user can post a link to YouTube or Spotify. It will display as embed element in the post.
The user can edit their post easily in the profile to change things like content, content type and visibility.
They can also share the post by clicking the share button, the url to the post will be copy.