Project Info

TunedIn

This project did not submit a demo video on Devpost.

Inspiration

: We are a team of four who are really into tech and music, We always wanted to have a platform where we could connect to our friends and also review our favorite albums. Our inspiration has come up from that very thing.

What it does

: So we made a platform for Music geeks who are into music and give them a platform to express their views about certain albums and also share their ratings and reviews with their friends.

How we built it

: We used Figma and Canva for our UI design. Next.js, React, and TypeScript provided a solid foundation for the intuitive user interface and frontend functionality. PostgreSQL served as the database, while tRPC and Prisma facilitated efficient data management and interaction.Vercel ensured smooth deployment and the potential for TunedIn to reach a global audience. We also used features like Vercel Postgres for database hosting

Challenges we ran into

: We had some front-end UI related issues when trying to export to our frontend code from Canva and Figma, so we had to go with a backup plan.

Accomplishments we're proud of

: We completed the entirety within 36 hours and we have been coding for 24 hours straight

What we learned

: We learned a lot about how the backend framework works

What's next

?: We are planning to launch an app based on it and further add more features to it. We can use AI features to recommend songs, determine overlap between friends, and so on.

Create T3 App

This is a T3 Stack project bootstrapped with create-t3-app.

What's next? How do I make an app with this?

We try to keep this project as simple as possible, so you can start with just the scaffolding we set up for you, and add additional things later when they become necessary.

If you are not familiar with the different technologies used in this project, please refer to the respective docs. If you still are in the wind, please join our Discord and ask for help.

Learn More

To learn more about the T3 Stack, take a look at the following resources:

Documentation
Learn the T3 Stack — Check out these awesome tutorials

You can check out the create-t3-app GitHub repository — your feedback and contributions are welcome!

How do I deploy this?

Follow our deployment guides for Vercel, Netlify and Docker for more information.

Analysis

Compare with all teams

View

Metric

Figures cover GitHub contributors during the hackathon window. A co-authored commit counts in full for each author, so per-member totals add up to more than the whole-team figures.

Technology

Found in codeClaimed only

CSSIn code
HTMLIn code
JavaScriptIn code
Next.jsIn code
ReactIn code
Tailwind CSSIn code
TypeScriptIn code

7 of 7 appear in the indexed code.

AI coding agents

No AI coding agent signals were found in this repository.

Detected from committed agent config files and commit authorship. Absence of a signal is not proof an agent was unused.

Codebase size

Source size

89 KB

Source files

Counts recognized source files only; vendored directories, binaries and lockfiles are excluded, so this is smaller than the repository on disk.