VinShare

Home Screen: For You Page
Individual Profile

Inspiration

The inspiration for VinShare came from noticing that most social media platforms focus on the finished products and do not give way for people to share their drafts, intimidating creators. We wanted to build a safe space for the unfinished late-night ideas. To reflect the calm and introspective state of mind in which many ideas (or fragments) are conceived, we chose a "Night Sky" theme.

What it does

VinShare is a creative site that allows users to anonymously upload and explore digital fragments. Users can post visual art, text-based stories, or audio voice notes through a streamlined interface. There is a "Vault" system where users can bookmark their favorite inspirations. It also includes real-time collaboration notifications, allowing makers to connect over shared creative ideas.

How we built it

We built the frontend using JavaScript, HTML5, and CSS3, utilizing custom properties and animations to create the twinkling starry background and day/night modes. For the backend, we integrated Supabase to handle user authentication, database management, and storage for hosting media files.

Challenges we ran into

One of our biggest hurdles was with UI consistency, specifically managing anonymous sessions so that users could maintain an "identity" across refreshes without sacrificing the anonymity that the platform promotes, allowing users to come back to their past projects.

Accomplishments that we're proud of

We really love our customized star-themed usernames and the audio-visualizer integration for our voice projects. Overall, the grid-like format and night-themed website allowed for a welcoming feel for collaborators and creators.

What we learned

While making this website, we understood the importance of backend storage and the authentication process. We learned how to effectively use Supabase to improve user experience by storing information locally. Most importantly, we learned how to fully implement a calm night sky atmosphere into an interface using CSS.

What's next for VinShare

In the future, we want to expand VinShare’s collaborative features by allowing users to connect and request collaboration with other users, allowing the users to directly remix their works in the interface, improving the functionality of the notification button whenever a collaboration is requested, and also making the uploading feature smoother.