Odditory

This is a Next.js project bootstrapped with create-next-app. Odditory is music web app utilizing the Spotify API containing simple extended features. Deployed using Vercel, check out the demo here: Odditory

Packages

• Tailwindcss
• NextAuth
• Spotify Web API Node

NPM UI Packages

• Tailwind-scrollbar-hide
• Heroicons
• Framer Motion

Current Features

• Odditorium: Analytics for music - separate page
• Playlists: Show list of all playlists and search feature
• Genres: Search genres and show list of all genres, routing to dynamic genre page
• Dashboard: Show top tracks, recommended tracks, Odd picks, and new releases. Page varies depending on user's top tracks
• Guest: Guest view (dash board only)

Future Work

• Odd picks for under-the-radar songs for user's most listened to genres
• Build playlist based on results

Misc

• Created custom logo with Pixlr

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

• Next.js Documentation - Next.js features and API.
• Learn Next.js