-
-
analytics of whole website with beacons and other things for analytics team on /analytics page
-
upload format example
-
upload format bottom view
-
account create window center box
-
fans behaviour user can see and also download in different formats
-
upload formats
-
buttons so user can see his own different format data
-
unique speak on it
-
following and followers button with cartoon anime showing because the text which i write user can understand
-
unique details when we click then it show the title and description and the urls
-
search engine example
-
unique hug and throw
-
old camera magnetic layer style range filling line with timeline and also with curosr dragable
-
carousel on pics and videos and short videos
-
responsive as device and also on button portrait and landscape and mute or unmute and zoom
Inspiration:
so i take inspiration as before it i built a whatsapp like app which name is hybabe and having link is Hybabe so then during making it i learn alot then i think Mark Zuckerberg another application is also very famous which is instagram if i make like that a application then i also learn alot more so that's why o start building it but during building i realized what is mean of to make a social media app i deep think on it and then i add the very important thing as text-posts, photo-posts, video-posts and short-video-posts into it.
What it does:
here users can post into 4 formats in one app the text posts, photo, short video and video and further they have video player, other options of these formats and there like, dislike, comment, follow, following into new unique style like hug is like, throw is dislike, speak on it is comment and the the person i want to be with is following and the person want to be with me is followers and further the video playing range line is of a old camera magnetic tape style and also have save till and complete later button as youtube have draft and further fan behaviour as analytics and further the search engine is designed as for matching query with belowing 4 formats and default as all so all is default and show query result in heirchy of most matched wise then the other buttons as text, phot, video and short video to see there related match and also on first page have for you and following as new unique style as the everyones every post and the people i want to be with there posts and also added arrow head icon which is unique for people centeric so anyone can hide the navbar, footer and the any card which is interfering there scrolling
How we built it:
by using codex desktop app and gpt 5.6 sol ultra and extra high and speed as default and with proper prompting as per i have readed some articles and one book on web dev and also i readed a*generative ai article of gemini* and vibe coding article of google and also i before it used generative ai and i know prompting and models and thinking there and here before it i used prototype builder google ai studio and then the antigravity and cursor and then i used codex and still using it and i know the all concept to make like the code, refine, tests etcs which help me so its all credit to the articles writers
Challenges we ran into:
i faced no challenge other then token reset after 5 hours and the weeky limit ends as i am on plus subscription because i readed articles and used genai when it camed and used agentai when it becomes popular.
Accomplishments that we're proud of:
i built 4 major projects and before it many prototypes and still upgrading it so i built one whatsapp like app [HYBABE(https://hybabe.onrender.com) and one instagram like app sociamediamother and one coursera like app pkchub and one online consultency app life problem solution consultency
What we learned: i learned about
- how online messenger app works,
- how social media app works,
- how course selling apps works,
- how online consultency services apps works,
- payment gateway integration,
- otp aws ses and aws sns, 7, aws s3 bucket and cdn etcs
What's next for socialmediamother:
to make it evolve more to make according to people mores
Built With
- aws-ses
- aws-sns
- cannonical
- css
- express.js
- gridfs
- html
- javascript
- mongodb
- node.js
- opengraph
- react
- render
- seo
- vite
Log in or sign up for Devpost to join the conversation.