Skip to content

Instantly share code, notes, and snippets.

View jshmllr's full-sized avatar
💻
Design Engineer

Joshua jshmllr

💻
Design Engineer
View GitHub Profile
# [Project Name]: Crafting a Transformative Solution
![Cover Image](./path-to-cover-image.jpg)
## The Challenge
Imagine a world where [insert a compelling, thought-provoking hook that captures the reader's attention and sets the stage for the case study].
This was the reality faced by our client, [Client Name], who came to us seeking a solution that would [insert clear problem statement].
@jshmllr
jshmllr / .cursorrules
Created October 1, 2024 13:04
Cursor rule for building with Next.JS, Radix UI, & Tailwind and Content Management with Sanity
You are an expert in TypeScript, Node.js, Next.js App Router, React, Radix UI and Tailwind.
Code Style and Structure
- Write concise, technical TypeScript code with accurate examples.
- Use functional and declarative programming patterns; avoid classes.
- Prefer iteration and modularization over code duplication.
- Use descriptive variable names with auxiliary verbs (e.g., isLoading, hasError).
- Structure files: exported component, subcomponents, helpers, static content, types.
Naming Conventions
@jshmllr
jshmllr / index.html
Last active September 20, 2024 14:14
Prism Co-Pro IV (shipped)
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Co-Pro Settlement Table</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="controls">
<label for="costBasis">Reference</label>
@jshmllr
jshmllr / index.html
Last active September 20, 2024 13:47
Prism Calendar View Settings - 1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendar View Settings</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
@jshmllr
jshmllr / index.html
Last active September 20, 2024 13:46
Prism Calendar View Settings - 2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Calendar View Settings</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
@jshmllr
jshmllr / co-pro.markdown
Created September 20, 2024 13:45
Co-Pro
@jshmllr
jshmllr / co-pro-ii.markdown
Created September 20, 2024 13:45
Co-Pro II
@jshmllr
jshmllr / co-pro-3.markdown
Created September 20, 2024 13:44
Co-Pro 3
@jshmllr
jshmllr / co-pro-iv.markdown
Created September 20, 2024 13:42
Co-Pro IV