youtube_clone

npx create-react-app youtube_clone

 npm install --legacy-peer-deps

npm i react-router-dom
npm i axios

npm install @mui/material @emotion/react @emotion/styled
npm install @mui/material @mui/styled-engine-sc styled-components
npm install @mui/icons-material

npm install -D tailwindcss postcss autoprefixer

    <Stack 
      direction="row" 
      sx={{ 
        overflowY: "auto", 
        height: { sx: "auto", md: "95%" }, 
        flexDirection: { md: "column" }, 
      }} 
    >

<button 
        className="category-btn" 
        onClick={() => setSelectedCategory(category.name)} 
        style={{ 
          background: category.name === selectedCategory && "#FC1503", 
          color: "white", 
        }} 
        key={category.name} 
      >

 <span style={{ color: category.name === selectedCategory ? "white" : "red", marginRight: "15px" }}> 
      {category.icon} 
 </span