ch-1 React Js & Next Js Overview ch-2 Setup & Installation ReactJs Next ch-3 React JSX & Components ch-4 React Styles and Components ch-5 React Import Export Components ch-6 React School Website Development ch-7 React School Website Development ch-8 React Routing and React Router DOM ch-9 External CSS Stylesheet and className ch-10 Rendering JSX with React's Map Loop ch-11 React Array & Object Distructing ch-12 Understanding useState React Hook ch-13 Handling React Events with the useState Hook ch-14 React useState Projects ch-15 React Spread Operator and useState Array ch-16 Update & Delete Array in React using useState ch-17 React Form Handling ch-18 Building a CRUD App in React Ch-19 Building A CRUD App In React ch-20 Edit crud app and Create Vite Project ch-21 useRef Hook in React ch-22 Handling HTTP Requests in React ch-23 Handling Asynchronous Operations with Async Await and Try Catch in React ch-24 Managing useEffect Cleanup and Dependencies in React ch-25 Setting up Tailwind CSS with React ch-26 Handling for data and values in React also Setup and install tailwind CSS in React Project using vite ch-27 required form validation on change event ch-28 build fullstack ecommerce website in react tailwind css and firebase ch-29 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase ch-30 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-31 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-32 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-33 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-34 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-35 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-36 Firebase signup authentication using email and password in react js Ch-37 Firebase authentication login and signIn also How to protect user router in react js Ch-38 Adding cart page and profile page Ch-39 Upload image to firebase and update displayName fullname Ch-40 Updating user profile picture email and mobile number in firebase Ch-41 Working on firebase Ch-42 Adding and fetching data from firestore firebase Ch-43 Build Firebase CRUD App in ReactJs Ch-44 Build Firebase Delete and update App In ReactJs Ch-45 Storing cart information in firebase database Ch-46 Build custom modal in react and Storing product info in firebase ch-1 react and git workshop Ch-47 Upload and view product image in firebase reactjs Ch-48 Integrate Razorpay Payment Gateway in Reactjs Ch-49 Generate ecommerce order after product purchase firebase Ch-50 Working on order status Ch-51 Fetch all payments from razorpay Ch-52 Working on user address Ch-53 Working On Order and Cart Ch-54 Working On Cart Counter Ch-55 Designing ecommerce dashboard Ch-56 Admin panel signup and login in react Ch-57 Completing Ecommerce Project in React Ch-58 Redux and Redux Toolkit tutorial in React JS Ch-59 Build Redux CRUD App in React Ch-60 Build Redux CRUD App In React Ch-61 How to install and setup Redux and Redux Persist in React JS & Next JS Ch-62 Dark mode using redux Ch-63 Context Api best example in react and next js Ch-64 Build custom hooks in react for http request Ch-65 useRef hooks example and use case in react Ch-66 useReducer hooks example and use case in react Ch-67 Build random password generator in react Ch-68 Build random password generator in react Ch-69 Build random password generator in react Ch-70 Reusable card component in react Ch-71 Reusable alert component in react Ch-72 Reusable form component in react Ch-73 Build reusable accordion collapse component in react Ch-74 Build Drawer and Offcanvas component in react React Tanstack and Query tutorial 100 examples of react states Build Video Player in React JS Build audio player in react React Zustand Persist Tutorial Build landing page using react and ai Top 20 React useEffect Example

Home Tutorials Placement asistance Sign in

Build audio player in react

16 Mar 2025

Build audio player in react

Notes and Source Code

Files
audio-editor.zip

1

CodingOTT

Learn MERN, DevOps, Cloud & Full Stack with real-world projects, placement support, and certifications.

Explore

MERN Stack
DevOps
Cloud
Testimonials

Policies

Privacy Policy
Refund Policy
Terms & Conditions

Contact

support@codingott.com
Contact Page →

© 2025 CodingOTT. All rights reserved.

ch-1 React Js & Next Js Overview ch-2 Setup & Installation ReactJs Next ch-3 React JSX & Components ch-4 React Styles and Components ch-5 React Import Export Components ch-6 React School Website Development ch-7 React School Website Development ch-8 React Routing and React Router DOM ch-9 External CSS Stylesheet and className ch-10 Rendering JSX with React's Map Loop ch-11 React Array & Object Distructing ch-12 Understanding useState React Hook ch-13 Handling React Events with the useState Hook ch-14 React useState Projects ch-15 React Spread Operator and useState Array ch-16 Update & Delete Array in React using useState ch-17 React Form Handling ch-18 Building a CRUD App in React Ch-19 Building A CRUD App In React ch-20 Edit crud app and Create Vite Project ch-21 useRef Hook in React ch-22 Handling HTTP Requests in React ch-23 Handling Asynchronous Operations with Async Await and Try Catch in React ch-24 Managing useEffect Cleanup and Dependencies in React ch-25 Setting up Tailwind CSS with React ch-26 Handling for data and values in React also Setup and install tailwind CSS in React Project using vite ch-27 required form validation on change event ch-28 build fullstack ecommerce website in react tailwind css and firebase ch-29 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase ch-30 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-31 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-32 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-33 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-34 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-35 Build Fullstack Ecommerce Website In React Tailwind Css And Firebase Ch-36 Firebase signup authentication using email and password in react js Ch-37 Firebase authentication login and signIn also How to protect user router in react js Ch-38 Adding cart page and profile page Ch-39 Upload image to firebase and update displayName fullname Ch-40 Updating user profile picture email and mobile number in firebase Ch-41 Working on firebase Ch-42 Adding and fetching data from firestore firebase Ch-43 Build Firebase CRUD App in ReactJs Ch-44 Build Firebase Delete and update App In ReactJs Ch-45 Storing cart information in firebase database Ch-46 Build custom modal in react and Storing product info in firebase ch-1 react and git workshop Ch-47 Upload and view product image in firebase reactjs Ch-48 Integrate Razorpay Payment Gateway in Reactjs Ch-49 Generate ecommerce order after product purchase firebase Ch-50 Working on order status Ch-51 Fetch all payments from razorpay Ch-52 Working on user address Ch-53 Working On Order and Cart Ch-54 Working On Cart Counter Ch-55 Designing ecommerce dashboard Ch-56 Admin panel signup and login in react Ch-57 Completing Ecommerce Project in React Ch-58 Redux and Redux Toolkit tutorial in React JS Ch-59 Build Redux CRUD App in React Ch-60 Build Redux CRUD App In React Ch-61 How to install and setup Redux and Redux Persist in React JS & Next JS Ch-62 Dark mode using redux Ch-63 Context Api best example in react and next js Ch-64 Build custom hooks in react for http request Ch-65 useRef hooks example and use case in react Ch-66 useReducer hooks example and use case in react Ch-67 Build random password generator in react Ch-68 Build random password generator in react Ch-69 Build random password generator in react Ch-70 Reusable card component in react Ch-71 Reusable alert component in react Ch-72 Reusable form component in react Ch-73 Build reusable accordion collapse component in react Ch-74 Build Drawer and Offcanvas component in react React Tanstack and Query tutorial 100 examples of react states Build Video Player in React JS Build audio player in react React Zustand Persist Tutorial Build landing page using react and ai Top 20 React useEffect Example