Skip to content

Instantly share code, notes, and snippets.

View koolkishan's full-sized avatar

Kishan Sheth koolkishan

View GitHub Profile
@koolkishan
koolkishan / Logo.jsx
Created July 9, 2024 04:25
Logo component for the Realtime Chat App
const Logo = () => {
return (
<div className="flex p-5 justify-start items-center gap-2">
<svg
id="logo-38"
width="78"
height="32"
viewBox="0 0 78 32"
fill="none"
xmlns="http://www.w3.org/2000/svg"
@koolkishan
koolkishan / multipleselect.jsx
Created July 9, 2024 04:21
MultipleSelect file for the chat app.
"use client";
import { Command as CommandPrimitive, useCommandState } from "cmdk";
import { X } from "lucide-react";
import * as React from "react";
import { forwardRef, useEffect } from "react";
import { Badge } from "@/components/ui/badge";
import {
Command,
@koolkishan
koolkishan / Logo.svg
Created June 19, 2024 10:09
Gist for Crypto Store App
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@koolkishan
koolkishan / DockerFile
Last active October 1, 2023 05:37
Next.js Amazon Clone Docker Files
# Development Dockerfile
# This Dockerfile is intended for development use and includes development dependencies and tools.
# Use a Node.js base image with development tools
FROM node:16.0.0 AS development
# Create a directory where the application will be built
WORKDIR /app
# Copy over the dependency manifests, both the package.json
@koolkishan
koolkishan / Logo.tsx
Last active March 28, 2023 10:33
Next.js Portfolio Files
import React from "react";
function Logo() {
return (
<svg id="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
<title>Logo</title>
<g>
<g id="K" transform="translate(35.000000, 35.000000)">
<path
fill="currentColor"
@koolkishan
koolkishan / Data.tsx
Last active March 13, 2023 06:02
Pokedex Snippets
//Navbar Routes
const navigationRoutes = [
{
name: "Search",
route: "/search",
},
{
name: "Compare",
route: "/compare",
@koolkishan
koolkishan / StyledComponents
Last active June 7, 2022 10:07
React Firebase Auth Styled Components styles
// Login / Signup Component
const Section = styled.section`
height: 100vh;
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
h1 {
margin: 0;
@koolkishan
koolkishan / login.css
Created March 8, 2022 17:54
Index CSS Code for JWT login with react and nodejs
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
body {
height: 100vh;
width: 100vw;
display: flex;
@koolkishan
koolkishan / jsconfig.json
Last active August 17, 2021 18:05
Configuration for Absolute Imports in React. Place it in root of your react app, outside of the src folder.
{
"compilerOptions": {
"baseUrl": "src"
},
"include": ["src"]
}