CodingOtt

Building Career Without Degree

Home

Tutorials

Contact us

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

Build audio player in react

16 Mar 2025

Notes and Source Code

Files
audio-editor.zip

1

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

CodingOtt

Building Career Without Degree

Getting job-ready for the IT & Software Industry with CodingOtt, no degree required.

Social Media

Useful links

Home
Tutorials
Contact us

Youtube Playlists

75 Days Hard JavaScript Challenge
Web Development Tutorial
MERN Stack Project Development
Web Hosting Tutorials
Roadmap Tutorials For Beginners

Contact us

support@codingott.com

Privacy & Policy Refund Policy Terms & Conditions