Created
November 21, 2022 18:07
-
-
Save ShariqAnsari88/a9ee7c8ce33e15e509155ecd7c9f65d4 to your computer and use it in GitHub Desktop.
youtube clone by JS Dev Hindi
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
import { AiFillHome, AiOutlineFlag } from "react-icons/ai"; | |
import { MdLocalFireDepartment, MdLiveTv } from "react-icons/md"; | |
import { CgMusicNote } from "react-icons/cg"; | |
import { FiFilm } from "react-icons/fi"; | |
import { IoGameControllerSharp } from "react-icons/io5"; | |
import { ImNewspaper } from "react-icons/im"; | |
import { GiDiamondTrophy, GiEclipse } from "react-icons/gi"; | |
import { RiLightbulbLine, RiFeedbackLine } from "react-icons/ri"; | |
import { FiSettings, FiHelpCircle } from "react-icons/fi"; | |
export const categories = [ | |
{ name: "New", icon: <AiFillHome />, type: "home" }, | |
{ name: "Trending", icon: <MdLocalFireDepartment />, type: "category" }, | |
{ name: "Music", icon: <CgMusicNote />, type: "category" }, | |
{ name: "Films", icon: <FiFilm />, type: "category" }, | |
{ name: "Live", icon: <MdLiveTv />, type: "category" }, | |
{ name: "Gaming", icon: <IoGameControllerSharp />, type: "category" }, | |
{ name: "News", icon: <ImNewspaper />, type: "category" }, | |
{ name: "Sports", icon: <GiDiamondTrophy />, type: "category" }, | |
{ name: "Learning", icon: <RiLightbulbLine />, type: "category" }, | |
{ | |
name: "Fashion & beauty", | |
icon: <GiEclipse />, | |
type: "category", | |
divider: true, | |
}, | |
{ name: "Settings", icon: <FiSettings />, type: "menu" }, | |
{ name: "Report History", icon: <AiOutlineFlag />, type: "menu" }, | |
{ name: "Help", icon: <FiHelpCircle />, type: "menu" }, | |
{ name: "Send feedback", icon: <RiFeedbackLine />, type: "menu" }, | |
]; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@tailwind base; | |
@tailwind components; | |
@tailwind utilities; | |
body { | |
margin: 0; | |
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", | |
"Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", | |
"Helvetica Neue", sans-serif; | |
-webkit-font-smoothing: antialiased; | |
-moz-osx-font-smoothing: grayscale; | |
} | |
#root { | |
height: 100vh; | |
} | |
code { | |
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", | |
monospace; | |
} | |
.load-bar { | |
position: fixed; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 3px; | |
background-color: #fdba2c; | |
} | |
.bar { | |
content: ""; | |
display: inline; | |
position: absolute; | |
width: 0; | |
height: 100%; | |
left: 50%; | |
text-align: center; | |
} | |
.bar:nth-child(1) { | |
background-color: #da4733; | |
animation: loading 3s linear infinite; | |
} | |
.bar:nth-child(2) { | |
background-color: #3b78e7; | |
animation: loading 3s linear 1s infinite; | |
} | |
.bar:nth-child(3) { | |
background-color: #fdba2c; | |
animation: loading 3s linear 2s infinite; | |
} | |
@keyframes loading { | |
from { | |
left: 50%; | |
width: 0; | |
z-index: 100; | |
} | |
33.3333% { | |
left: 0; | |
width: 100%; | |
z-index: 10; | |
} | |
to { | |
left: 0; | |
width: 100%; | |
} | |
} | |
.custom-h { | |
height: auto !important; | |
} | |
@media screen and (min-width: 1024px) { | |
.custom-h { | |
height: 100vh !important; | |
} | |
} |
It's also useful and interesting project thanks for upload all code and video 😊....sir I went to add this project in my resume then I have so many douts and i went to add some features during make this project then sir please help me ...... this is my contact number...9525803219 ... I request ..sir please call and suggest how I add and used some new idea in this project.......my name Vikram Kumar Nayak currently I am final year student at BIT SINDRI, Dhanbad my branch - Information technology......
add search bar with suggestion using debouncing method and you can add live chat functionality using API Polling method
hey bro
Thankyou Sharique sir thankyou so much for your worth
sharique sir please check my code
please check my code sir
…On Wed, Jul 26, 2023 at 3:23 PM ShariqueWebDev ***@***.***> wrote:
***@***.**** commented on this gist.
------------------------------
I am still working on this project but your walkthrough was outstanding i
will definitely learn lot of thing till end moviex project Thankyou
Sharique sir thankyou so much for your worth
—
Reply to this email directly, view it on GitHub
<https://gist.github.com/ShariqAnsari88/a9ee7c8ce33e15e509155ecd7c9f65d4#gistcomment-4641583>
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/A54KJ6OMBNGWWEKP2A4HOHLXSDSLFBFKMF2HI4TJMJ2XIZLTSKBKK5TBNR2WLJDHNFZXJJDOMFWWLK3UNBZGKYLEL52HS4DFQKSXMYLMOVS2I5DSOVS2I3TBNVS3W5DIOJSWCZC7OBQXE5DJMNUXAYLOORPWCY3UNF3GS5DZVRZXKYTKMVRXIX3UPFYGLK2HNFZXIQ3PNVWWK3TUUZ2G64DJMNZZDAVEOR4XAZNEM5UXG5FFOZQWY5LFVEYTCOJUGYYTCMRVU52HE2LHM5SXFJTDOJSWC5DF>
.
You are receiving this email because you are subscribed to this thread.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>
.
--
[image: Logo] <https://www.dawaadost.com/>
Shubham Jangid
IT Executive
www.dawaadost.com
E: ***@***.***
T: 9950006254
A: Jaipur (rajsthan), 371/ 372 Lal Khothi Nakul Path Jaipur 302015
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
No deberia agregarlo a su curriculum, ya que rapidapi es de pago y si usted no puede hacerlo mediante sus medios ¿Qué le puede ofrecer a sus clientes? Agregue cosas que haga usted mismo