Merge pull request #3 from kjannette/readme

Readme

backend/routes/notes.routes.js

@@ -27,6 +27,7 @@ router.get('/', async (req, res) => {
 router.post('/cluster', async (req, res) => {
   try {
     const notes = await loadNotes();
+    console.log('notes returned from loadNotes', notes)
     const clusters = await clusterNotes(notes);
     res.json(clusters);
   } catch (err) {

backend/server.js

@@ -4,5 +4,5 @@ import config from './config/index.js';
 const PORT = config.port || 3001;
 
 app.listen(PORT, () => {
-  console.log(`Envision backend running on port ${PORT}`);
+  console.log(`Backend running on port ${PORT}`);
 });

frontend/src/components/navbar.tsx

@@ -0,0 +1,14 @@
+const Navbar = () => {
+   return (
+      <div className="main-head-box">
+         <div className="main-head-subbox-left">
+            <h1 className="main-head">kohngrüti</h1>
+         </div>
+         <div className="main-head-subbox-right">
+            <span className="material-symbols-outlined">recenter</span>
+         </div>
+      </div>
+   )
+}
+
+export default Navbar;

frontend/src/components/stickies.tsx

@@ -49,7 +49,7 @@ const Stickies = () => {
   return (
     <div>
       <div className="stickies-container">
-        <Button onClick={handleCluster} isLoading={isPending} label="Group Notes By Theme" />
+        <Button onClick={handleCluster} isLoading={isPending} label="Group Stickies By Topic" />
       </div>
       <div className="stickies-grid">
         {stickies?.map((sticky) => (

frontend/src/pages/Home.tsx

@@ -1,16 +1,12 @@
 import Stickies from '../components/stickies';
+import Navbar from '../components/navbar'
 import '../styles/home.css'
 
 const Home = () => {
    return (
       <div>
-            <div className="main-head-box">
+         <div>
-                <div className="main-head-subbox-left">
+            <Navbar />
-                    <h1 className="main-head">kohngrüti</h1>
-                </div>
-                <div className="main-head-subbox-right">
-                    <span className="material-symbols-outlined">recenter</span>
-                </div>
          </div>
          <div>
             <Stickies />

frontend/src/styles/button.css

@@ -2,7 +2,8 @@
     font-family: "Sulphur Point", sans-serif;
     font-size: 1.1rem;
     color: #6dd6f4;
+    border: 1px solid rgb(92, 0, 91);
     width: 16rem;
-    height: 2.5rem;
+    height: 3rem;
     margin-top: 14px;
 }

frontend/src/styles/stickies.css

@@ -9,6 +9,7 @@
 .stickies-container {
   margin: 36px 0px 36px 0px;
 }
+
 .clusters-container {
   display: flex;
   flex-direction: column;
@@ -17,7 +18,7 @@
 }
 
 .cluster-group {
-  border: 1px solid rgba(255, 255, 255, 0.1);
+  border: 1px solid #6dd6f4;
   border-radius: 8px;
   padding: 16px;
 }