This file contains hidden or 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
Show hidden characters
| { | |
| "compilerOptions": { | |
| "target": "ES2020", | |
| "module": "CommonJS", | |
| "strict": true, | |
| "outDir": "./dist", | |
| "rootDir": "./src" | |
| }, | |
| "include": ["src/**/*.ts"], | |
| "exclude": ["node_modules"] |
This file contains hidden or 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 VideoPlayer from "@/components/VideoPlayer"; | |
| const Home = () => { | |
| return ( | |
| <div className="w-screen h-screen flex flex-col gap-4 text-lg font-semibold justify-center items-center "> | |
| <h1>Video Player App</h1> | |
| <VideoPlayer /> | |
| </div> | |
| ); |
This file contains hidden or 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
| "use client"; | |
| import React from "react"; | |
| import ReactPlayer from "react-player"; | |
| const VideoPlayer = () => { | |
| let videosrc = "/videos/next.mp4"; | |
| return ( | |
| <div> | |
| <h1>my custome player</h1> |
This file contains hidden or 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
| "use client"; | |
| import React from "react"; | |
| import ReactPlayer from "react-player"; | |
| const VideoPlayer = () => { | |
| //video path | |
| let videosrc = "/videos/next.mp4"; | |
| return ( | |
| <div> |
This file contains hidden or 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 { Bs0Circle } from "react-icons/bs"; | |
| function Question() { | |
| return ( | |
| <h3> | |
| This is a react icon : <Bs0Circle/> | |
| </h3> | |
| ); | |
| } |
This file contains hidden or 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
| export const metadata = { | |
| title: "Rahul More", | |
| description: "A Frontend Developer Portfolio", | |
| //line 5 to 8 is only addition to make in layout.js | |
| icons: { | |
| icon: "/images/rahul.png", | |
| }, | |
| }; | |
| export default function RootLayout({ children }) { |
This file contains hidden or 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
| export const metadata = { | |
| title: "Rahul More", | |
| description: "A Frontend Developer Portfolio", | |
| }; | |
| export default function RootLayout({ children }) { | |
| return ( | |
| <html lang="en"> | |
| <body> | |
| {/* line 11 is the only addition to make in layout.js */} |
This file contains hidden or 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
| "use client"; | |
| import { Button } from "@/components/ui/button"; | |
| import { Code2, PanelsTopLeft } from "lucide-react"; | |
| import { useState } from "react"; | |
| interface UiToggleProps { | |
| onToggleCode: (newToggleCodeValue: boolean) => void; | |
| } |
This file contains hidden or 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 UiToggle from "@/components/UiToggle"; | |
| import React, { useState } from "react"; | |
| interface GenerateUiProps { | |
| onToggleCode: (newToggleCodeValue: boolean) => void; | |
| } | |
| const GenerateUi: React.FC<GenerateUiProps> = ({ onToggleCode }) => { | |
| const [isToggleCode, setIsToggleCode] = useState(true); |
This file contains hidden or 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 NextAuth from "next-auth/next"; | |
| import GoogleProvider from "next-auth/providers/google"; | |
| const handler = NextAuth({ | |
| providers: [ | |
| GoogleProvider({ | |
| clientId: process.env.GOOGLE_ID, | |
| clientSecret: process.env.GOOGLE_SECRET, | |
| }), | |
| ], |