Build AI Song Generator App with React Native and tRPC

Name: Build AI Song Generator App with React Native and tRPC
Rating: 4.0 (5 reviews)

Create an AI Song Generator App with Voice Cloning: React Native, tRPC, Next.js, Replicate, and Modern Tooling

Created byPranjal Soni

Last updated 3/2024

English

What you'll learn

Develop an AI-Powered Song Generator
Implement Voice Cloning Technology
Design User-Friendly Mobile Interfaces using React Native
Learn to build NextJs API routes, Webhooks, tRPC routes, turborepo
Learn to design the app using Nativewind (tailwind css but for react native)

Course content

4 sections • 16 lectures • 6h 18m total length

Introduction10:09
Understanding the app at high level20:53
Discuss front-end flow and wireframes, design the back-end with tRPC and Supabase authentication, and outline a flow from onboarding to uploaded voice data, dataset creation, and song generation.

Setting up project in VS Code14:59
Designing and building onboarding screen12:57
Design and build an onboarding screen for the AI Song Generator app using React Native, Expo Router, and Safe Area View, with login and register authentication.
Designing and building auth screens21:43
Building Home Screen21:07
Building Generate Song Screen18:28
Building Play Song Screen11:32
Designs a play song screen that lets users play, pause, and download generated songs, showing a YouTube thumbnail and dynamic YouTube title, using Expo AV for audio playback.
Building Custom Voice Screen5:07

Creating custom voice dataset32:54
Training the custom voice AI model45:53
Generating song from custom voice model31:34
Train a custom voice model and generate songs with ai using react native and tRPC, storing voices, models, and generated audio URLs in a supabase postgres database.
Generating song and testing out the functionality from the app34:27
Building + deploying youtube to mp3 API using FastAPI and ChatGPT51:55

Requirements

Basic to Intermediate Understanding of Programming
Fundamentals of React, React Native, NextJs, tRPC, Tailwind CSS & TypeScript
Interest in AI and Machine Learning

Description

Become a Full-Stack Mobile Developer: Build an AI Song Generator

Are you tired of building basic apps that blend into the background? Ready to tackle a truly unique project that will make your portfolio stand out?

Imagine having a cutting-edge AI song generator app on your resume. One that uses your own voice to create music! That's exactly what you'll build in this course.

We'll dive headfirst into React Native, tRPC, and Next.js – the in-demand tech stack that makes incredible mobile experiences possible. You'll integrate the mind-blowing voice cloning power of Replicate, letting your app create songs like nothing else out there. And with tools like TurboRepo and NativeWind, your app will be sleek, efficient, and ready for the spotlight.

This isn't just another app tutorial. It's a chance to merge music, AI, and your development skills into something that will turn heads. Whether you dream of building the next viral app or want to impress potential employers, this project is your ticket.

Enroll now, and let's transform your app-building journey. I'll guide you every step of the way as you unleash the power of React Native, cutting-edge AI, and your own creativity.

Don't miss your chance to build a standout app that showcases your true potential!

Let's make some (AI-powered) music together!

Who this course is for:

Developers who are looking to skill up
Aspiring App Developers
React Developers
AI Enthusiasts and Hobbyists
Music Technologists and Producers
Career Changers

Build AI Song Generator App with React Native and tRPC

What you'll learn

Explore related topics

Course content

Introduction2 lectures • 31min

Building the Mobile app UI using React Native and Nativewind7 lectures • 1hr 46min

Authentication2 lectures • 45min

Building Backend and AI stuff5 lectures • 3hr 17min

Requirements

Description

Who this course is for: