Skip to content

Instantly share code, notes, and snippets.

View EvanMarie's full-sized avatar
💭
Changing the world one line of code at a time.

Evan Marie Carr EvanMarie

💭
Changing the world one line of code at a time.
5 followers · 7 following
View GitHub Profile
@EvanMarie
EvanMarie / name_popularity.ipynb
Created December 17, 2022 03:02
name_popularity.ipynb
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@EvanMarie
EvanMarie / project_timeseries_xgboost.ipynb
Last active June 4, 2023 19:48
project_timeseries_xgboost.ipynb
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@EvanMarie
EvanMarie / gist:9968fc5fc8d959b55d3441c03119c797
Created July 23, 2023 00:37
framer-motion_ex01
export const ExampleOne = () => (
<motion.div
whileHover={{ scale: 1.2 }}
whileTap={{ scale: 1.1 }}
drag="x"
dragConstraints={{ left: -100, right: 100 }}
style={SmallPinkSquare}
/>
);
@EvanMarie
EvanMarie / CSSAnimations.txt
Last active October 30, 2023 02:46
CSS Animations
@keyframes slideDown {
from {
transform: translateY(-100%);
}
to {
transform: translateY(0);
}
}
@EvanMarie
EvanMarie / Anthropic-esque
Last active April 16, 2024 02:24
Evan Marie's Anthropic-esque Clone
import { useEffect, useRef, useState } from "react";
import { TbMenu } from "react-icons/tb";
import Flex from "~/components/buildingBlocks/flex";
import FlexFull from "~/components/buildingBlocks/flexFull";
import HStack from "~/components/buildingBlocks/hStack";
import Icon from "~/components/buildingBlocks/icon";
import Text from "~/components/buildingBlocks/text";
import VStackFull from "~/components/buildingBlocks/vStackFull";
import { motion } from "framer-motion";
import HStackFull from "~/components/buildingBlocks/hStackFull";
@EvanMarie
EvanMarie / tesla
Created April 22, 2024 00:50
import { useState } from "react";
import TransitionFull from "~/components/buildingBlocks/TransitionFull";
import FlexFull from "~/components/buildingBlocks/flexFull";
import Text from "~/components/buildingBlocks/text";
import VStackFull from "~/components/buildingBlocks/vStackFull";
import TeslaSmallScreenMenu from "./components/teslaSmallMenu";
import Flex from "~/components/buildingBlocks/flex";
import VStack from "~/components/buildingBlocks/vStack";
import { motion } from "framer-motion";
import TeslaLargeScreenMenu from "./components/teslaMenuLarge";
@EvanMarie
EvanMarie / gist:242c224364817f449113a049fadf3a98
Last active May 6, 2024 21:51
airbnb
type IconBarType = {
icon: React.ComponentType<{ className?: string }>;
label: string;
};
const iconBar = [
{ icon: MdOutlinePark, label: "National Park" },
{ icon: MdOutlinePool, label: "Beautiful Pools" },
{ icon: MdOutlinePhotoCamera, label: "Amazing Views" },
{ icon: GiSydneyOperaHouse, label: "Top Cities" },
@EvanMarie
EvanMarie / json-input-blog-data
Created September 10, 2024 18:08
const JSONExamples = [
`{
"posts": [
{
"id": 1,
"title": "How to Learn JavaScript",
"author": "Alice Johnson",
"published": "2024-09-01",
"tags": ["JavaScript", "Programming", "Web Development"],
"content": "JavaScript is a versatile programming language used for web development..."
@EvanMarie
EvanMarie / json-input-blog-TextAreaNumberedLines
Created September 10, 2024 18:09
interface TextAreaProps
extends Omit<
React.TextareaHTMLAttributes<HTMLTextAreaElement>,
"value" | "onChange"
> {
className?: string;
value?: string;
onChange?: (e: React.ChangeEvent<HTMLTextAreaElement>) => void;
style?: React.CSSProperties;
textAreaHeight?: string;
@EvanMarie
EvanMarie / json-input-blog-JsonError
Created September 10, 2024 18:10
export function JsonError({ jsonError }: { jsonError: string | null }) {
return (
// Display JSON error message if present
<HStack className="absolute z-10 px-[1vh] py-[0px] bottom-[1vh] left-[1vh] bg-col-pink bg-gradient-to-br from-fuchsia-380 via-fuchsia-360 to-fuchsia-380 w-fit max-w-80% items-center border-400-lg shadowNarrowTight">
<Icon icon={MdErrorOutline} iconClassName="text-col-900 text-[2.3vh]" />
<Text className="text-col-900 text-stroke-5-900 text-sm">
{jsonError}
</Text>
</HStack>
);