Code Tamizha Code
Code Tamizha Code
  • 87
  • 350 416
Building a Music App with React in Tamil | Listen Leo Songs in your own app 🎵🎥 | Tamil
In this video I created the Music app to listen to your own play list using StrAPI for content management and React and Audio to play the options in Tamil..
It includes Pause, Play, skip next song, go back to previous songs etc..
Code: gitlab.com/iyyoo93/music-app
index.css: gitlab.com/iyyoo93/music-app/-/blob/main/src/index.css?ref_type=heads
STRAPI: strapi.io/
Medium post: strapi.io/blog/how-to-build-a-music-player-with-react-and-strapi?Strapi%20Blog&
⏱️ Timestamps:
00:00 - Intro & Demo
01:46 - STRAPI
31:50 - API Integration
40:10 - Dynamic UI from API
55:30 - Skip song
01:00:30 - Play and Pause songs
01:07:40 - Outro
#ReactJS #leo #JavaScript
Переглядів: 1 792

Відео

Learn React in one hour | Tamil
Переглядів 3,9 тис.Рік тому
Learning React is hard. There are so many concepts to learn and mindsets shifts that you need to do. That is why in this video I will be breaking down all the most important concepts you need to understand in React. Join tamil whatsapp group: chat.whatsapp.com/IqbDS5cpbK510U4j1AAN7P CSS file: gitlab.com/iyyoo93/react-tutorial/-/blob/main/src/styles.css Learn React advanced in Tamil: ua-cam.com/...
How to website as your resume | React and Next js with Tailwind CSS | Tamil
Переглядів 1,4 тис.Рік тому
In this video we are going creating portfolio project using react, next and deploy it
React Form Validation with Formik | Tamil
Переглядів 5 тис.Рік тому
In this tutorial you'll learn how to create forms in react using the Formik library (along with Yup)! The forms will include validation, error states, submit handlers, custom inputs, and more! Learn Mern stack in tamil: ua-cam.com/video/tx0DCnhZYJ0/v-deo.html&pp=gAQB Learn React hooks form in tamil: ua-cam.com/video/JmCg9PmQ06I/v-deo.html Formik: formik.org/docs/overview Yup: www.npmjs.com/pack...
Learn The MERN Stack - Redux Goals & Deploy | Tamil
Переглядів 1,2 тис.Рік тому
In this video, we will add the goals functionality and add goals to our Redux state. Join tamil coding community chat.whatsapp.com/IqbDS5cpbK510U4j1AAN7P 💻 Code: gitlab.com/iyyoo93/mern-stack/-/tree/final-code Part one: Create Rest end point with Express & Node ua-cam.com/video/tx0DCnhZYJ0/v-deo.html Part two: Learn The MERN Stack - JWT Authentication | Tamil ua-cam.com/video/X9CSAFEQdRg/v-deo....
Learn The MERN Stack - Frontend Authentication | React | Redux Toolkit | Tamil
Переглядів 2,2 тис.Рік тому
Learn The MERN Stack - Frontend Authentication | React | Redux Toolkit | Tamil
Learn The MERN Stack - JWT Authentication | Tamil
Переглядів 3 тис.2 роки тому
Learn The MERN Stack - JWT Authentication | Tamil
Learn The MERN Stack - Express & MongoDB Rest API & CRUD in Tamil
Переглядів 3,6 тис.2 роки тому
Learn The MERN Stack - Express & MongoDB Rest API & CRUD in Tamil
Prize for creating projects 🔥🔥🔥 | software development
Переглядів 4122 роки тому
Prize for creating projects 🔥🔥🔥 | software development
React Error Boundary | Tamil
Переглядів 1,7 тис.2 роки тому
React Error Boundary | Tamil
Build Whatsapp Clone with React & Firebase | Tamil
Переглядів 2,7 тис.2 роки тому
Build Whatsapp Clone with React & Firebase | Tamil
How useContext with useReducer can replace Redux | Tamil | React Hooks
Переглядів 4,9 тис.2 роки тому
How useContext with useReducer can replace Redux | Tamil | React Hooks
CRUD operations with React JS using Firebase in Tamil | ft UI Gems | FireStore
Переглядів 1,9 тис.2 роки тому
CRUD operations with React JS using Firebase in Tamil | ft UI Gems | FireStore
TypeScript Crash Course | Tamil
Переглядів 13 тис.2 роки тому
TypeScript Crash Course | Tamil
Build Tic Tac Toe game with React Js | Tamil
Переглядів 2,3 тис.2 роки тому
Build Tic Tac Toe game with React Js | Tamil
Build A Weather App With React JS | Hourly And Daily Forecast with city autocomplete API | Tamil
Переглядів 3,3 тис.2 роки тому
Build A Weather App With React JS | Hourly And Daily Forecast with city autocomplete API | Tamil
Apple AirPods website clone in React | Tamil | Scrolling animation
Переглядів 3,5 тис.2 роки тому
Apple AirPods website clone in React | Tamil | Scrolling animation
Form validation with react hook form | Tamil
Переглядів 20 тис.2 роки тому
Form validation with react hook form | Tamil
My 2,00,000 rupees new MacBook Pro
Переглядів 3702 роки тому
My 2,00,000 rupees new MacBook Pro
Learn CSS Media Query In 13 Minutes | Tamil
Переглядів 5 тис.2 роки тому
Learn CSS Media Query In 13 Minutes | Tamil
Learn Express JS In 45 Minutes | Tamil
Переглядів 1,4 тис.2 роки тому
Learn Express JS In 45 Minutes | Tamil
CSS positions in 10 minutes in Tamil
Переглядів 7012 роки тому
CSS positions in 10 minutes in Tamil
Your First Node.js Web Server
Переглядів 5732 роки тому
Your First Node.js Web Server
Next.js crash course in one hour in Tamil | Full stack
Переглядів 10 тис.2 роки тому
Next.js crash course in one hour in Tamil | Full stack
CSR vs SSR vs SSG crash course in 30 minutes with NextJS | Tamil
Переглядів 5 тис.2 роки тому
CSR vs SSR vs SSG crash course in 30 minutes with NextJS | Tamil
Responsive Navigation Bar with React, CSS and Media Query | Tamil
Переглядів 5 тис.2 роки тому
Responsive Navigation Bar with React, CSS and Media Query | Tamil
CRUD operations with React JS | Tamil | Axios | semantic-ui | react-router-dom
Переглядів 36 тис.2 роки тому
CRUD operations with React JS | Tamil | Axios | semantic-ui | react-router-dom
Clone Todo App in React and deploy in 30 minutes | React Hooks | Deploy React app | react-bootstrap
Переглядів 1,7 тис.2 роки тому
Clone Todo App in React and deploy in 30 minutes | React Hooks | Deploy React app | react-bootstrap
Async JS Crash Course - Callbacks, Promises, Async Await
Переглядів 13 тис.2 роки тому
Async JS Crash Course - Callbacks, Promises, Async Await
Learn JavaScript in one hour | Tamil
Переглядів 2,8 тис.2 роки тому
Learn JavaScript in one hour | Tamil