Build a Music Player app with React Native, Expo, Typescript and Zustand

🌱 Source Code: https://github.com/CodeWithGionatha-L... 💬 Discord:   / discord   📚 Resources Expo development build: https://docs.expo.dev/develop/develop... Expo Router: https://docs.expo.dev/router/installa... React Native Track Player: https://rntp.dev/docs/basics/installa... In this project, we are going to build a native music player application (inspired by Apple Music design) with many core functionalities such as playing, pausing, seeking, and skipping tracks, along with managing playlists and queues of songs and even a search functionality. We will use React Native, Expo, Typescript, Zustand, and many more technologies. Timestamps 00:00:00 Intro 00:04:07 Project setup (Expo App) 00:25:36 App navigation (Expo router) 00:43:56 App style (dark mode) 00:57:54 Songs Screen 01:38:16 Adding the Track Player (react-native-track-player) 02:01:10 Floating Player 02:27:57 Adding animated icons 02:38:31 Animated song title 02:52:15 Track Player Screen 03:57:46 Favorites Screen 04:04:38 Adding Zustand (state manager) 04:17:15 Queue management (list of songs1) 04:52:48 Artists Screen 05:21:33 Playlist Screen 05:54:30 Shortcuts (add to playlist, add to favorites) 06:18:27 Track player favorites button 06:27:33 Add to playlist feature 06:42:38 Player remote controls (lock screen, control center) 06:51:22 Outro

How to create a scalable codebase architecture with Nx, Typescript, Prettier and Eslint
▶︎

How to create a scalable codebase architecture with Nx, Typescript, Prettier and Eslint

Myths About India: An Indian Explains India | Stereotypes, Food, Cows, Castes, and English
▶︎

Myths About India: An Indian Explains India | Stereotypes, Food, Cows, Castes, and English

BP Academy Webinar Recording: When Analyzer 2 meets Matlab
▶︎

BP Academy Webinar Recording: When Analyzer 2 meets Matlab

Build a Full-Stack Finance App with React Native, Expo, Hono & PostgreSQL | Complete Tutorial
▶︎

Build a Full-Stack Finance App with React Native, Expo, Hono & PostgreSQL | Complete Tutorial

Everything new in Expo SDK 56
▶︎

Everything new in Expo SDK 56

Build a Q&A and Polls platform with Nextjs, Supabase, Kinde, Prisma | Part 2/2
▶︎

Build a Q&A and Polls platform with Nextjs, Supabase, Kinde, Prisma | Part 2/2

My honest opinion about SwiftUI vs Flutter vs React Native to build iOS apps
▶︎

My honest opinion about SwiftUI vs Flutter vs React Native to build iOS apps

Build a Full-Featured Amazon Clone with React Native Expo, Redux Toolkit, Supabase | Full Tutorial
▶︎

Build a Full-Featured Amazon Clone with React Native Expo, Redux Toolkit, Supabase | Full Tutorial

Build a Trello Clone with React Native (Supabase, Expo Router, Push, Clerk, Drag & Drop)
▶︎

Build a Trello Clone with React Native (Supabase, Expo Router, Push, Clerk, Drag & Drop)

Build a FinTech Clone with React Native (API Routes, Zustand, Tanstack Query, FaceID, Charts, Clerk)
▶︎

Build a FinTech Clone with React Native (API Routes, Zustand, Tanstack Query, FaceID, Charts, Clerk)

This is why more and more projects are leaving GitHub!
▶︎

This is why more and more projects are leaving GitHub!

Build a Full Stack Mobile Application with React Native & Expo - React Native Tutorial
▶︎

Build a Full Stack Mobile Application with React Native & Expo - React Native Tutorial

Build a Q&A and Polls platform with Nextjs, Supabase, Kinde, Prisma | Part 1/2
▶︎

Build a Q&A and Polls platform with Nextjs, Supabase, Kinde, Prisma | Part 1/2

Build a WhatsApp Clone with React Native (Expo Router, Reanimated, Clerk, Gestures, Gifted Chat)
▶︎

Build a WhatsApp Clone with React Native (Expo Router, Reanimated, Clerk, Gestures, Gifted Chat)

Mobile App Development Course with React Native, Supabase, Next.js
▶︎

Mobile App Development Course with React Native, Supabase, Next.js

Master React Native 2024: Comprehensive Course with Expo, Expo Router, TypeScript, Zustand
▶︎

Master React Native 2024: Comprehensive Course with Expo, Expo Router, TypeScript, Zustand

WWDC26: Run local agentic AI on the Mac using MLX | Apple
▶︎

WWDC26: Run local agentic AI on the Mac using MLX | Apple

The Ultimate React Native Course | Build Your First Mobile App in 2025
▶︎

The Ultimate React Native Course | Build Your First Mobile App in 2025