Refactor and README.md

Author: austejarusenaite

README.md

@@ -0,0 +1,29 @@
+# Groupify
+
+A modern, responsive application for generating random groups from a list of students. Perfect for classroom activities, team assignments, or any scenario where you need to create balanced groups quickly.
+
+![Groupify Demo](demo.png)
+
+## Features
+
+- **Dynamic Group Generation**: Create balanced groups with a single click
+- **Adjustable Group Size**: Easily change the number of students per group
+- **Attendance Tracking**: Toggle student presence/absence
+- **Unique Group Names**: Auto-generated creative team names
+
+## Technologies Used
+
+- **Next.js**: React framework for production
+- **TypeScript**: For type safety and better developer experience
+- **Tailwind CSS**: For styling and responsive design
+- **Framer Motion**: For smooth animations and transitions
+- **Lucide React**: For beautiful icons
+
+## Usage
+
+1. **Adjust Group Size**: Use the + and - buttons to set your desired group size
+2. **Manage Attendance**: Click on student names to toggle their presence (blue dot = present)
+3. **Generate Groups**: Click the "Generate Groups" button to create random groups
+4. **View Results**: See generated groups with unique names in the right panel
+
+Created with ❤️

app/page.tsx

@@ -121,7 +121,7 @@ export default function GroupGenerator() {
           animate={{ opacity: 1, y: 0 }}
           transition={{ duration: 0.6, ease: [0.22, 1, 0.36, 1] }}
         >
-          Group Generator
+          Groupify
         </motion.h1>
 
         <div className="grid gap-6 md:grid-cols-3">

demo.png

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "target": "ES6",
     "skipLibCheck": true,
@@ -19,9 +23,19 @@
       }
     ],
     "paths": {
-      "@/*": ["./*"]
+      "@/*": [
+        "./*"
+      ]
     }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    "next-env.d.ts",
+    "out/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }