Refine

Landing Page
Main page

Inspiration:

🌏The inspiration for Refine stemmed from our common experience as fellow Vietnamese studying abroad. One way to keep in touch with our culture is through experiencing creative works created by other Vietnamese. After many years of consuming and following online content, we noticed most Vietnamese creatives are discouraged from pursuing creative endeavors due to:

💰Financial challenges
📈 Lack of clear career progression
🏛️ Cultural building icon] Cultural perceptions That is when we are inspired to create a platform that can fuel future Vietnamese creative talents to pursue their passion with more guidance and financial support.

What it does

♪ Re[Fine] is a platform that incorporates elements of crowdfunding, content sharing, and social networking. These elements would be able to:

Uploading Music and Comment on the other posts
Finding Trending, Newly Created Music On the Platform.

How we built it

► Our modern web application use Next.js with the App Router, styled with Tailwind CSS for responsive design. On the backend, we utilize Convex for our database, serverless functions, and secrets management. Authentication and organization management are handled by Clerk, ensuring secure and scalable user access. Finally, we deploy our application to both staging and production environments using Netlify, enabling continuous integration and delivery.

Challenges we ran into

We encounter some problems related to integration between Convex database and Clerk Database for authentication
Uploading music and playing music without any stops is complicated and need to integration with the footer so that it runs simultaneously.
Updating Landing page for looking better with some fake data.

Accomplishments that we're proud of

We able to deploy the website, and have some first users to test our website.
Able to conduct market research to find the problems and validate it to make sure our products are substantial

What we learned

We learn a lot:

Lots of Convex and Clerk integration
How to make some basic UI/UX (And we know that we should improve our skills in it)

What's next for Refine

Donation with Stripe should be done.
Define ID: Refine daily story for you to post your favorite music, or your music on it to share with your friends via different platform
Distinguish genuine artists: Able to distinguish the user as the artists to distinguish between typical user and artists to accept donation.

Alt text