Currently, I am awaiting the review of the application by the Spotify team to secure an extended API quota. Meanwhile, if you would like to experience the app, please don't hesitate to contact me on LinkedIn or via Email (contact@edwardcs.com), and I will gladly provide you with a demo account.

Moodvie

Get movie recommendations based on your mood and music taste.

Moodvie takes your recently listened to songs from Spotify and recommends you movies with the help of AI. The app is built with the T3 stack, which is based on Next.js, tRPC, Tailwind CSS, TypeScript, and Prisma. It also uses Clerk for authentication and the APIs from Spotify, OpenAI (gpt-3.5-turbo), and TMDB.

Moodvie App

Moodvie 🍿

720.mp4

Project Status

Moodvie is currently in the beta stage and under active development (non-test users will not be able to use the app at the moment). I am constantly working on improving the app and looks. If you have any suggestions or would like to contribute, please refer to the Contributing section below.

If you wish to try out the app, please feel free to reach out to me either on LinkedIn or via Email (contact@edwardcs.com) so I can provide you with a demo account. (Currently awaiting Spotify API review for an extended quota.)

Table of Contents

• Features
• Usage
• Setup project
  • Prerequisites
  • Installation
• Built With
• Contributing

Features

• Retrieve recently listened to songs from the user's Spotify account
• Generate movie recommendations based on the user's mood and music taste using OpenAI's GPT-3.5 Turbo
• Display movie information and images from TMDB

Usage

To use Moodvie, you need to sign in with your Spotify account. Once you're signed in, Moodvie will retrieve your recently listened to tracks and analyze them to determine your mood. Then, it will recommend movies based on your mood.

App Architecture

The Moodvie app is built with the T3 stack, which is based on Next.js, tRPC, Tailwind CSS, TypeScript, and Prisma. It also uses Clerk for authentication and the APIs from Spotify, OpenAI (gpt-3.5-turbo), and TMDB.

The app consists of the following components:

• Frontend: The frontend is built with Next.js, Tailwind CSS and shadcn-ui. It communicates with the backend via tRPC API calls.

• Backend: The backend is built with tRPC, which provides typesafe APIs for the frontend. It communicates with the Spotify, OpenAI, and TMDB APIs to retrieve user data and movie recommendations.

• Database: The database is built with Prisma, which provides a typesafe ORM for Node.js and TypeScript.

• Authentication: Authentication is handled by Clerk, which provides user authentication and management functionality.

• Rate limiting: To protect the application from potential abuse and ensure fair usage, rate limiting has been implemented using Upstash Redis.

The frontend and backend communicate with each other via tRPC API calls, which ensures type safety and eliminates the need for manual serialization and deserialization. The backend communicates with the various APIs to retrieve user data and movie recommendations, and the results are passed back to the frontend.

Overall, the Moodvie app is a full-stack TypeScript application that utilizes several modern technologies and APIs to provide movie recommendations based on a user's mood and music taste.

Setup project

Prerequisites

• Node.js
• A Spotify Developer account with a registered app and API credentials
• An Upstash Redis rest url and token
• An OpenAI API key
• A TMDB API key
• Clerk API keys

Installation

1. Clone the repository:

git clone https://github.com/edwardsavin/moodvie.git

2. Install dependencies:

cd moodvie npm install

3. Copy the .env.example file to .env and update the environment variables with your API keys and credentials:

cp .env.example .env

4. Start the development server:

npm run dev

5. Open http://localhost:3000 with your browser to see the result.

Built With

• create-t3-app - Interactive CLI to start a full-stack, typesafe Next.js app
• Next.js - The React Framework
• Tailwind CSS - A utility-first CSS framework
• shadcn-ui - Re-usable components built using Radix UI and Tailwind CSS.
• TypeScript - A strongly typed superset of JavaScript
• Prisma - Next-generation ORM for Node.js and TypeScript
• tRPC - End-to-end typesafe APIs made easy
• Clerk - User authentication and management
• Upstash - Serverless Data for Redis® and Kafka®
• Spotify API - Access user's Spotify data
• OpenAI API - AI-powered movie recommendations using GPT-3.5 Turbo
• TMDB API - Access movie information and images

Contributing

Contributions are welcome! If you find a bug or have a feature request, please open an issue or submit a pull request.