Build Ai Song Generator App With React Native And Trpc

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

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)

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 GeneratorAre 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!

Overview

Section 1: Introduction

Lecture 1 Introduction

Lecture 2 Understanding the app at high level

Section 2: Building the Mobile app UI using React Native and Nativewind

Lecture 3 Setting up project in VS Code

Lecture 0 Designing and building onboarding screen

Lecture 4 Designing and building auth screens

Lecture 5 Building Home Screen

Lecture 6 Building Generate Song Screen

Lecture 7 Building Play Song Screen

Lecture 8 Building Custom Voice Screen

Section 3: Authentication

Lecture 9 Auth using Supabase

Lecture 10 Connecting React Native frontend to NextJs backend using tRPC

Section 4: Building Backend and AI stuff

Lecture 11 Creating custom voice dataset

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