Clever-Shivanshu

import Image from "next/image";
import { useSession, signIn, signOut } from "next-auth/react";
import { useState } from "react";
import { useRouter } from "next/router";
import Nav from "@/components/Navbar";
import { Dialog } from "@headlessui/react";
import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/outline";
import {ChatBubbleLeftRightIcon} from "@heroicons/react/24/outline";
import Head from "next/head";
import Link from "next/link";

Clever-Shivanshu

import { useState, useEffect, useRef } from 'react';

const ScreenRecorder = () => {
  const [stream, setStream] = useState(null);
  const [recording, setRecording] = useState(false);
  const mediaRecorderRef = useRef(null);
  const chunksRef = useRef([]);

  const startRecording = async () => {
    try {

Clever-Shivanshu

404 Concept Page @property

A Pen by Jhey on CodePen.

License.

Clever-Shivanshu

#CodepenChallenge: Error 500 - Bug Hunt!

A silly take on September 2018 #CodePenChallenge: 500 - Internal Server Error. I've spent way too much time on this, but it's been a whole lot of fun! Hope you have a little fun, too.

Tested in Chrome and Firefox WARNING: There will be bugs.

A Pen by Ivana on CodePen.