Create app.py

app.py

@@ -0,0 +1,94 @@
+import React, { useState } from "react";
+import { Card, CardContent } from "@/components/ui/card";
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
+import { Label } from "@/components/ui/label";
+
+const HuggingFaceIntroApp = () => {
+  const [formData, setFormData] = useState({
+    name: "",
+    education: "",
+    caste: "",
+    email: "",
+  });
+
+  const handleChange = (e) => {
+    const { name, value } = e.target;
+    setFormData({
+      ...formData,
+      [name]: value,
+    });
+  };
+
+  const handleSubmit = (e) => {
+    e.preventDefault();
+    console.log("Form Data Submitted:", formData);
+    alert("Form submitted successfully!");
+    // Add any additional logic here, like API calls.
+  };
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gray-100">
+      <Card className="w-full max-w-md shadow-lg p-4">
+        <CardContent>
+          <h1 className="text-xl font-bold text-center mb-4">Hugging Face Introduction</h1>
+          <form onSubmit={handleSubmit} className="space-y-4">
+            <div>
+              <Label htmlFor="name">Name</Label>
+              <Input
+                type="text"
+                id="name"
+                name="name"
+                value={formData.name}
+                onChange={handleChange}
+                placeholder="Enter your name"
+                required
+              />
+            </div>
+            <div>
+              <Label htmlFor="education">Education</Label>
+              <Input
+                type="text"
+                id="education"
+                name="education"
+                value={formData.education}
+                onChange={handleChange}
+                placeholder="Enter your education"
+                required
+              />
+            </div>
+            <div>
+              <Label htmlFor="caste">Caste</Label>
+              <Input
+                type="text"
+                id="caste"
+                name="caste"
+                value={formData.caste}
+                onChange={handleChange}
+                placeholder="Enter your caste"
+                required
+              />
+            </div>
+            <div>
+              <Label htmlFor="email">Email</Label>
+              <Input
+                type="email"
+                id="email"
+                name="email"
+                value={formData.email}
+                onChange={handleChange}
+                placeholder="Enter your email"
+                required
+              />
+            </div>
+            <Button type="submit" className="w-full mt-4">
+              Submit
+            </Button>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  );
+};
+
+export default HuggingFaceIntroApp;