Khushal Bhardwaj celeroncoder

Follow this guidelines for the TODO API:

Create the following routes:

How to?

We make a conditional in the _app.ts to render something that we don't want to render only if the page says so.
To do the above we make use of the pageProps that are the props passed on the _app.ts before to the actual page component, we can pass something like noLayout and make a conditional to not show the layout if the props exists or is true.

	var block = document.getElementById("block");
	var hole = document.getElementById("hole");
	var score = document.getElementById("score");
	var start = document.getElementById("start");
	var restart = document.getElementById("restart");
	var modal = document.getElementById("modal");
	var root = document.querySelector(":root");
	var character = document.getElementById("character");
	var jumping = 0;
	var counter = 0;

	@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

	.gamestartbg {
	--frame1: url("/images/fly-frame-1.png");
	--frame2: url("/images/fly-frame-2.png");
	}

	body{
	width: 100vw;
	height: 100vh;

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link rel="stylesheet" href="style.css">
	<link rel="icon" type="image/x-icon" href="https://img.icons8.com/avantgarde/100/bird.png">
	<title>Flappy Bird Game</title>
	</head>

	using namespace System.Management.Automation
	using namespace System.Management.Automation.Language

	if ($host.Name -eq 'ConsoleHost')
	{
	Import-Module PSReadLine
	}
	#Import-Module PSColors
	#Import-Module posh-git
	Import-Module -Name Terminal-Icons

	.hover-underline-animation {
	display: inline-block;
	position: relative;
	}

	.hover-underline-animation:after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);

	<div class="flex min-h-screen items-center p-10 flex-wrap justify-start gap-10 bg-gray-900">
	<div class="w-[300px] flex-none">
	<div class="relative space-y-5 rounded-2xl bg-white/5 p-4 overflow-hidden shadow-xl shadow-black/5 before:absolute before:inset-0 before:border-t before:border-rose-100/10 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-rose-100/20 before:to-transparent">
	<div class="h-64 rounded-lg bg-rose-100/10"></div>
	<div class="space-y-3">
	<div class="h-3 w-3/5 rounded-lg bg-rose-100/10"></div>
	<div class="h-3 w-4/5 rounded-lg bg-rose-100/20"></div>
	<div class="h-3 w-2/5 rounded-lg bg-rose-100/20"></div>
	</div>
	</div>

	import {
	MantineProvider,
	ColorScheme,
	ColorSchemeProvider,
	} from "@mantine/core";
	import { useHotkeys, useLocalStorage, useColorScheme } from "@mantine/hooks";
	import MainComponent from "./MainComponent";

	function App() {
	const preferredColorScheme = useColorScheme();