A Pen by Josh Miller on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
# [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]. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!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"> |
A Pen by Josh Miller on CodePen.
A Pen by Josh Miller on CodePen.
A Pen by Josh Miller on CodePen.
A Pen by Josh Miller on CodePen.
NewerOlder