What is One-Ours?

One-Ours (pronounced "one hours") is an audio social platform that limits usage to one hour per day. There already exists Instagram for photo sharing, X for short form text captions, Facebook for messaging and connecting, and TikTok for short form video content. One-Ours requires the user to post their content as an audio recording with the option to include a caption and image attachment.

Problems That One-Ours Solves

Research suggests that prolonged use of social media affects mental health, and causes anxiety and low self-esteem. One-Ours aims to revolutionize how news is reported by journalists, campaigns are handled by politicians, and how thought leaders connect with the public. One-Ours addresses sustainable development goal number 3: Good Health and Well-Being, it was designed with the health and time of the user in mind. Each user is limited to 1 hour of usage per day with the total usage time accumulating throughout the day and resetting the following day. Users have the option to upgrade to a higher subscription to gain more time for platform usage and other benefits. This presents a viable business opportunity.

Application Features

• User Registration: Users register with their personal details (name, username, email, country, etc.)
• Streams: The main page that shows posts using infinite scrolling with client and server-side caching. Users can like, share and comment.
• Creators can make audio posts with the option to include a caption or image.
• Channels: A page where users can create groups and invite other users to join. Group creators can accept or reject requests to join.
• Profile page to update user personal settings. Users have the option to make their profile 'private', necessitating their approval when others follow them.
• Users have a personal notification tab that shows likes, comments, or group activity.
• Users can upgrade their plan/subscription to access more app benefits.
• Orange theme color used for buttons, links, accents, etc.
• Dark mode toggle.
• User authentication and security enhancements.

How MeDo Was Used and the Best Part It Generated

I used MeDo for full-stack generation. It helped me generate the user interface components, integrate APIs, implement infinite scrolling and polling, user setting configuration including dark mode, and for creating the orange theme. The best part that MeDo generated was the recommendation engine on the Discover page which allows users to connect with other profiles based on matches in location, age range, gender, and app activity.

How Conversations Were Structured With MeDo

Leveraging multi-turn chat, my first message to MeDo specified the exact application features that I needed. This was a long, detailed message where I mentioned everything, including user authentication, preferred color palette, and minute details like UI controls for audio posts. However, MeDo gave a response saying that the request was too large and it would try to implement the main features. MeDo did a great job at setting up all the main pages like Streams, Channels, and the landing page. It even setup the registration page and login functionality.

MeDo made great assumptions about managing user authentication state and displaying the one hour countdown timer. These features were implemented without my request but fit well into the whole application. The rest of the conversation included chats to refine some issues, add more features, and redo certain functionality. At some point I had 70 credits left and MeDo did not successfully implement a feature that I requested. I then had to reiterate myself and use credits that I could have used for something else.

However, I cannot complain about how MeDo used my free 300 credits. Each prompt on MeDo used 30 credits including simple ones like "tell me what this does." Knowing that I had limited credits to build this application, I ensured that every prompt was structured to handle multiple issues at once.

The Most Impressive Feature MeDo Created

The best feature that MeDo created is the landing page because in traditional software engineering, this process would have required a UI/UX Designer and a Software Developer to translate prototypes into functional user interfaces. I was first concerned that MeDo would not be able to create the landing page the exact way I wanted but it honestly blew my mind. My prompt specified that it should create a header with a hero image, prominent use of the orange theme color, and include sections for stats and features. MeDo went ahead and implemented my landing page perfectly in just one prompt with no need for me to reiterate.

Built With

• eslint
• postcss
• postgresql
• react
• supabase
• tailwind
• typescript