You are browsing as a guest. Sign up (or log in) to start making projects!

Social Media Website (YSX)

  • 12 Devlogs
  • 61 Total hours

A social media website called YSX, made with next.js, Prisma, Neon, ShadCN, and more.

Ship #1

This is YSX! A social media website where you can do pretty much anything! This project took a lot of time because of all the complex code involved with it. Fortunately, UI libraries (Such as ShadCN and Radix UI) and frameworks (such as Next.JS), as well as AI and other stuff helped me overcome this. IMPORTANT NOTE FOR SHIPWRIGHTS: IF YOU WANT TO TEST ADMIN PLEASE DM ME ON SLACK (username: mdmutahhar24).

  • 11 devlogs
  • 61h
  • 17.75x multiplier
  • 1074 Stardust
Try project → See source code →
Open comments for this post

6h 2m 54s logged

Eleventh and final Devlog for YSX Social Media Website :D


Changes:

  • Removed empty screen from home page
  • Heavy UI Changes
  • Added Search bar to create Conversation
  • Share, Comment Added
  • Dislike removed
  • Scrapped some ideas (or will come next ship)
  • Updated Changelog so that it fits release

New Features:

  • Home Screen got added
  • You can Now comment and share
  • Files now compress in Chat but takes longer for larger files
  • background around your name if you are creator of the post and you commented on it.

Project will be shipped out soon :) (Image is admin POV)

0
0
2
Open comments for this post

3h 53m 43s logged

Tenth Devlog for YSX Social Media Website


Changes:

  • Feed bug fixed and works again
  • Liked button remains toggled even after refreshing the page
  • Added a UI Sheet (from ShadCN) to comments button (Comments not finished)
  • Switched from custom attachment style to using UI library’s attachment

New Features:

  • Ban Page (redirected when user is banned)

In Progress:

  • Comments
  • Algorithm
  • Chat Rework
  • Feed
  • Ban Expiry
  • Being able to attach large files to chat

Future Plans (Subject to Change):

  • More features on Settings page
  • Changelog upon release
  • More

(If you guys have any more ideas, I could use them!)

0
0
2
Open comments for this post

4h 18m 6s logged

Ninth Devlog for YSX Social Media Website


Changes:

  • UI Changes
  • Chat Bug fixes

New Features:

  • Admin Features section now added!
  • Frontend for Admin features
  • Frontend Ban feature for admins

In Progress:

  • Chat UI revamp due to ShadCN (UI library) adding a message component
  • Admin Features backend
  • Ban backend

Future Plans(subject to change):

  • Being able to attach large files to chat
  • Setting Page more features
  • More loading pages
  • Bug fixes
  • More
0
0
3
Open comments for this post

5h 5m 34s logged

Eight Devlog for YSX Social Media Website


Changes:

  • Added a posts tag feature
  • Heavy UI changes and Bug fixes

New Features:

  • Added Banner Change feature
  • Added Profile picture change feature
  • Added scoring system (AKA an algorithm that tracks what you watch)
  • Account Page now complete!
  • You can also now delete your account via the settings page

In Progress:

  • Chat Page down due to multiple errors (trying to fix)
  • Algorithm bug fixes

Future plans (Subject to change):

  • New features to settings page
  • Ability to attach large files to chat
  • Admin features
  • Posts’ like, dislike, comment, share (crucial for algorithm)
  • More
0
0
3
Open comments for this post

8h 39m 5s logged

Seventh Devlog for YSX Social Media website


Changes:

  • Multiple bugs were fixed
  • Loading Screens added for only a few pages

New Features:

  • Notifications now work! (This took me a long time and lots of frustration)
  • Change description feature added

In Progress:

  • Banner change (frontend)
  • Profile Picture change (frontend and backend)
  • Settings Page
  • Skeletons (loading pages) for other pages

Future Plans (Subject to change):

  • Being able to attach large files to chat (pushed off for later)
  • Reels Algorithm
  • Admin Features
  • Post Editing
  • Chat Editing
  • Post likes, dislikes, messaging, share
  • More
0
0
4
Open comments for this post

5h 51m 8s logged

Sixth Devlog for YSX Social Media Website


Changes:

  • Chat Input styling Changed
  • Messages styling Changed

New Features:

  • You can now attach small images/videos to chat
  • Backend resolved for images/video attachments
  • Mobile Support for chatting

In Progress:

  • Account Profile Picture changing
  • being able to attach large files
  • Account Banner Picture changing
  • Account Page
  • Settings Page

Future Features (Subject to Change):

  • Add comment, share, and like/dislike on posts
  • Post editing
  • Changelog editing upon release
  • Admin Features
  • Featured Posts
  • Status for chatting
  • Continually add mobile support for upcoming features
0
0
4
Open comments for this post

2h 59m 48s logged

Fifth Devlog of YSX Social Media Website


Changes:

None

New Features:

  • Typing messages now works
  • Backend added for Messaging
  • Both users get messages and are automatically added to a conversation if one users starts it.

In Progress:

  • Account page
  • Settings Page

Future Things (To-Do list):

  • Add attachments to messaging
  • Add delete button to Posting
  • Make a posts/reels algorithm
  • Add User status on messaging page
  • More (Subject to change)
0
0
2
Open comments for this post

2h 46m 9s logged

Fourth Devlog of YSX Social Media Website


Changes:

  • Layout positioning
  • UI design
  • Instead of Relying on built in auth, created a synchronized table for extra features.

New Features:

  • Added and Completed Create Chat/Conversation
  • Completed Backend to create chat

In Progress:

  • Messaging screen
  • Sidebar Trigger fixed position

Planned Features (Subject to change):

  • Profile image changeable
  • Chatting completion
  • Likes/Dislikes feature on posts
  • Comment Feature
  • Share Feature
  • Account and setting pages
  • More undecided…
0
0
2
Open comments for this post

6h 22m 7s logged

Third Devlog for YSX Social Media Website


What is YSX?

It is a social media website similar to websites like X, instagram, tik tok, etc.

Changes:

  • Added changelog section
  • Chatting UI layout complete
  • Chatting backend in progress
  • Worked on UI
  • Style Changes
  • Made Chatting UI layout unique to YSX and no other social media website.
0
0
2
Open comments for this post

4h 37m 37s logged

Second Devlog for YSX Social Media Website


What is YSX?

A social media website.

Changes:

  • Added form to post (no built-in recorder)
  • Added Backend to store posts information
  • Added Feed page (Holds all posts)
  • Added Likes feature
  • Added Backend for Likes
  • Log Out and Delete feature added (Incomplete)
  • Mobile support built in
  • Fixed text going under post instead of on top.
  • Added reel snapping
  • Added placeholder incase of no posts
0
0
5
Open comments for this post

9h 54m 2s logged

First Devlog for YSX


What is YSX?

YSX is a social media website, like instagram, tiktok, x, etc.

Why Make This?

It’s fun.

Added:

  • Register Page
  • Log In Page
  • Sidebar Navigation
  • Reel Creation
  • Custom Logo
  • Backend
  • UI
  • Redirects based on status (logged in/not logged in)
  • Dark/Light Mode
0
0
4

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…