👀 Try it out! groovi.hxrsh.in
🎨 Check out the branding board

Overview of My Submission

Many of us jam to lofi hiphop beats and ASMR to improve our focus and concentration while we're working -- so, why not create your own concentration mixes?

The goal of this project is to provide you with a basic set of calming, ASMR white noise to build your favourite concentration mixes.

Groovi works like a social website, which has profiles. You can create and like different mixes made by other people, and the website also has support for private mixes that can be seen by just you! You can create mixes without logging in, however to publish them you must login. You can login with either Google, Twitter, or Facebook.

This project is has a lot of features, and it took a lot of my time and effort into designing a clean and responsive interface and bringing it to life. If you enjoyed, consider giving it a ⭐ on GitHub - every star counts!

Submission Category:

This app uses the Azure PostgreSQL service, along with being a creative and cool, best fitting the "wacky wildcards" category.

Link to Code

I've made this project by myself! Here are some videos:

Libraries & technologies I've used:

• Kraftuur
• TypeScript
• Azure PostgreSQL
• Prisma
• NextAuth.js
• Next.js
• Stitches
• Framer Motion
• react-icons
• nanoid
• Prettier
• ESLint
• Figma

...and if you made it down here, be sure to check out Groovi! Feel free to share your mixes in the comments below :)