diff --git a/.replit b/.replit
index b5f2185..d8bdbf8 100644
--- a/.replit
+++ b/.replit
@@ -30,3 +30,7 @@ author = "agent"
 task = "shell.exec"
 args = "npm run dev"
 waitForPort = 5000
+
+[[ports]]
+localPort = 5000
+externalPort = 80
diff --git a/attached_assets/Screenshot 2025-05-30 at 8.31.30 PM.png b/attached_assets/Screenshot 2025-05-30 at 8.31.30 PM.png
new file mode 100644
index 0000000..c8fa322
Binary files /dev/null and b/attached_assets/Screenshot 2025-05-30 at 8.31.30 PM.png differ
diff --git a/client/src/App.tsx b/client/src/App.tsx
index f600756..c767143 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -16,7 +16,7 @@ function Router() {
     <Switch>
       <Route path="/" component={LandingPage} />
       <Route path="/login" component={LoginPage} />
-      {/* <Route path="/onboarding" component={OnboardingPage} /> */}
+      <Route path="/register" component={LoginPage} />
       <Route path="/dashboard" component={DashboardPage} />
       <Route component={NotFound} />
     </Switch>
diff --git a/client/src/pages/LoginPage.tsx b/client/src/pages/LoginPage.tsx
index 455a810..e23dcd1 100644
--- a/client/src/pages/LoginPage.tsx
+++ b/client/src/pages/LoginPage.tsx
@@ -14,14 +14,21 @@ import { Mic, Moon, Sun, Loader2, AlertCircle, CheckCircle2 } from "lucide-react
 import { cn } from "@/lib/utils";
 
 export default function LoginPage() {
-  const [, setLocation] = useLocation();
-  const { login, user } = useAuth();
+  const [location, setLocation] = useLocation();
+  const { login, register, user } = useAuth();
   const { theme, toggleTheme } = useTheme();
   const { toast } = useToast();
   
+  const isRegisterMode = location === "/register";
+  
   const [formData, setFormData] = useState({
     email: "",
     password: "",
+    confirmPassword: "",
+    username: "",
+    firstName: "",
+    lastName: "",
+    role: "standard",
     rememberMe: false,
   });
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -39,17 +46,41 @@ export default function LoginPage() {
     setIsSubmitting(true);
 
     try {
-      await login(formData.email, formData.password);
-      
-      toast({
-        title: "Welcome back!",
-        description: "You have successfully signed in.",
-      });
-      
-      setLocation("/dashboard");
+      if (isRegisterMode) {
+        if (formData.password !== formData.confirmPassword) {
+          setError("Passwords do not match");
+          return;
+        }
+        
+        await register({
+          username: formData.username,
+          email: formData.email,
+          password: formData.password,
+          confirmPassword: formData.confirmPassword,
+          firstName: formData.firstName,
+          lastName: formData.lastName,
+          role: formData.role,
+        });
+        
+        toast({
+          title: "Account created!",
+          description: "You have successfully registered. Please sign in.",
+        });
+        
+        setLocation("/login");
+      } else {
+        await login(formData.email, formData.password);
+        
+        toast({
+          title: "Welcome back!",
+          description: "You have successfully signed in.",
+        });
+        
+        setLocation("/dashboard");
+      }
     } catch (error: any) {
-      console.error("Login error:", error);
-      setError(error.message || "Failed to sign in. Please check your credentials.");
+      console.error("Auth error:", error);
+      setError(error.message || `Failed to ${isRegisterMode ? 'register' : 'sign in'}. Please try again.`);
     } finally {
       setIsSubmitting(false);
     }