kjannette/kongruity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

cleaning up

Browse Source
This commit is contained in:
KS Jannette
2026-02-11 18:20:03 -05:00
parent 04cab5e080
commit eb7da056a6
10 changed files with 33 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
backend/package-lock.json generated
View File

@@ -1,11 +1,11 @@
{ {
"name": "resias-backend", "name": "congruity-backend",
"version": "0.1.0", "version": "0.1.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "resias-backend", "name": "congruity-backend",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@anthropic-ai/sdk": "^0.74.0", "@anthropic-ai/sdk": "^0.74.0",

4
backend/package.json
View File

@@ -1,7 +1,7 @@
{ {
"name": "resias-backend", "name": "congruity-backend",
"version": "0.1.0", "version": "0.1.0",
"description": "Resias AI clustering feature - backend for ProjectPilot", "description": "congruity AI clustering feature - backend for ProjectPilot",
"type": "module", "type": "module",
"main": "server.js", "main": "server.js",
"scripts": { "scripts": {

2
frontend/index.html
View File

@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" /> <link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Resias</title> <title>congruity App</title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>

4
frontend/package-lock.json generated
View File

@@ -1,11 +1,11 @@
{ {
"name": "resias-frontend", "name": "congruity-frontend",
"version": "0.1.0", "version": "0.1.0",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {
"": { "": {
"name": "resias-frontend", "name": "congruity-frontend",
"version": "0.1.0", "version": "0.1.0",
"dependencies": { "dependencies": {
"@tanstack/react-query": "^5.90.21", "@tanstack/react-query": "^5.90.21",

2
frontend/package.json
View File

@@ -1,5 +1,5 @@
{ {
"name": "resias-frontend", "name": "congruity-frontend",
"private": true, "private": true,
"version": "0.1.0", "version": "0.1.0",
"type": "module", "type": "module",

9
frontend/src/components/button.tsx
View File

@@ -1,14 +1,15 @@
type ClusterButtonProps = { type ButtonProps = {
onClick: () => void; onClick: () => void;
isLoading: boolean; isLoading: boolean;
label: string;
}; };
const ClusterButton = ({ onClick, isLoading }: ClusterButtonProps) => { const Button = ({ onClick, isLoading, label }: ButtonProps) => {
return ( return (
<button onClick={onClick} disabled={isLoading}> <button onClick={onClick} disabled={isLoading}>
{isLoading ? 'Clustering...' : 'Run Clustering'} {isLoading ? 'Working...' : label}
</button> </button>
); );
}; };
export default ClusterButton; export default Button;

6
frontend/src/components/stickies.tsx
View File

@@ -1,7 +1,7 @@
import { useGetStickies, useClusterStickies } from '../api/api'; import { useGetStickies, useClusterStickies } from '../api/api';
import type { Sticky as StickyType } from '../types/types'; import type { Sticky as StickyType } from '../types/types';
import Sticky from './sticky'; import Sticky from './sticky';
import ClusterButton from './button'; import Button from './button';
import './stickies.css'; import './stickies.css';
const Stickies = () => { const Stickies = () => {
@@ -26,7 +26,7 @@ const Stickies = () => {
return ( return (
<div> <div>
<ClusterButton onClick={handleCluster} isLoading={isPending} /> <Button onClick={handleCluster} isLoading={isPending} label={'Group by Theme'}/>
<div className="clusters-container"> <div className="clusters-container">
{clusters.map((group) => ( {clusters.map((group) => (
<div key={group.label} className="cluster-group"> <div key={group.label} className="cluster-group">
@@ -46,7 +46,7 @@ const Stickies = () => {
return ( return (
<div> <div>
<ClusterButton onClick={handleCluster} isLoading={isPending} /> <Button onClick={handleCluster} isLoading={isPending} />
<div className="stickies-grid"> <div className="stickies-grid">
{stickies?.map((sticky) => ( {stickies?.map((sticky) => (
<Sticky key={sticky.id} sticky={sticky} /> <Sticky key={sticky.id} sticky={sticky} />

14
frontend/src/components/sticky.css Normal file
View File

@@ -0,0 +1,14 @@
.sticky-note {
width: 180px;
min-height: 180px;
padding: 16px;
border-radius: 2px;
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.15);
font-family: 'Patrick Hand', cursive, system-ui;
font-size: 14px;
line-height: 1.4;
color: #333;
display: flex;
align-items: flex-start;
word-break: break-word;
}

14
frontend/src/components/sticky.tsx
View File

@@ -1,4 +1,5 @@
import type { Sticky as StickyType } from '../types/types'; import type { Sticky as StickyType } from '../types/types';
import './sticky.css';
const COLOR_MAP: Record<string, string> = { const COLOR_MAP: Record<string, string> = {
yellow: '#fdfd96', yellow: '#fdfd96',
@@ -18,20 +19,9 @@ const Sticky = ({ sticky }: StickyProps) => {
return ( return (
<div <div
className="sticky-note"
style={{ style={{
backgroundColor, backgroundColor,
width: '180px',
minHeight: '180px',
padding: '16px',
borderRadius: '2px',
boxShadow: '2px 4px 8px rgba(0, 0, 0, 0.15)',
fontFamily: "'Patrick Hand', cursive, system-ui",
fontSize: '14px',
lineHeight: '1.4',
color: '#333',
display: 'flex',
alignItems: 'flex-start',
wordBreak: 'break-word',
transform: `rotate(${Math.random() * 4 - 2}deg)`, transform: `rotate(${Math.random() * 4 - 2}deg)`,
}} }}
> >

2
frontend/src/pages/Home.tsx
View File

@@ -3,7 +3,7 @@ import Stickies from '../components/stickies';
const Home = () => { const Home = () => {
return ( return (
<div> <div>
<h1>Resias - </h1> <h1>kohngrüti</h1>
<Stickies /> <Stickies />
</div> </div>
); );