Made prettier with css file. added some final comments

Author: SandalCodez

src/main/java/org/example/csc311_mod6regex/RegexApplication.java

@@ -10,9 +10,10 @@
 public class RegexApplication extends Application {
     @Override
     public void start(Stage stage) throws IOException {
-        FXMLLoader fxmlLoader = new FXMLLoader(RegexApplication.class.getResource("hello-view.fxml"));
-        Scene scene = new Scene(fxmlLoader.load(), 600, 400);
-        stage.setTitle("Hello!");
+        FXMLLoader fxmlLoader = new FXMLLoader(RegexApplication.class.getResource("regex-app-view.fxml"));
+        Scene scene = new Scene(fxmlLoader.load(), 650, 400);
+        scene.getStylesheets().add(getClass().getResource("style.css").toExternalForm());
+        stage.setTitle("Fill out this form!");
         stage.setScene(scene);
         stage.show();
     }

src/main/java/org/example/csc311_mod6regex/RegexController.java

@@ -31,6 +31,8 @@ public class RegexController {
     @FXML
     private Label zipCodeErrorLabel;
     @FXML
+    private Label successLabel;
+    @FXML
     private Button addBtn;
 
     private Pattern firstnameRegex;
@@ -52,11 +54,17 @@ public class RegexController {
      */
     @FXML
     public void initialize() {
+        //both name patterns check for starting upper case character and allow for apostrophes!
+        firstnameRegex = Pattern.compile("^[A-Za-z||']{2,25}$");
+        lastNameRegex = Pattern.compile("^[A-Za-z||']{2,25}$");
 
-        firstnameRegex = Pattern.compile("^[A-Za-z]{2,25}$");
-        lastNameRegex = Pattern.compile("^[A-Za-z]{2,25}$");
+        //email pattern doesnt allow for numbers to start and end in farmingdale.edu
         emailRegex = Pattern.compile("^[A-Za-z0-9._%+-]+@farmingdale\\.edu$");
+
+        //can only be MM/DD/YYYY
         dateOfBirthRegex = Pattern.compile("^\\d{2}/\\d{2}/\\d{4}$");
+
+        //only 5 digit zipcodes
         zipCodeRegex = Pattern.compile("^\\d{5}$");
 
         formManager();
@@ -66,7 +74,7 @@ public void initialize() {
     }
 
     /**
-     * this method handles the event of clicking the addBtn.
+     * This method handles the event of clicking the addBtn.
      * @param event The clicking of addBtn
      */
     @FXML
@@ -75,6 +83,7 @@ private void handleAddBtn(ActionEvent event) {
         System.out.println("Add button clicked");
         if (formCheck && fieldFilledCount >= 4) {
             System.out.println("Form Filled");
+            successLabel.setText("Form Filled");
         }
 
     }

src/main/resources/org/example/csc311_mod6regex/hello-view.fxml renamed to src/main/resources/org/example/csc311_mod6regex/regex-app-view.fxml

@@ -4,6 +4,7 @@
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.Label?>
 <?import javafx.scene.control.TextField?>
+<?import javafx.scene.image.ImageView?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.Pane?>
 <?import javafx.scene.layout.VBox?>
@@ -149,6 +150,16 @@
          </HBox.margin>
          <children>
             <Button fx:id="addBtn" layoutX="-82.0" layoutY="182.0" mnemonicParsing="false" onAction="#handleAddBtn" prefHeight="37.0" prefWidth="127.0" text="ADD" />
+<!--            <ImageView fitHeight="133.0" fitWidth="139.0" layoutX="-88.0" layoutY="28.0" pickOnBounds="true" preserveRatio="true">-->
+<!--               <image>-->
+<!--&lt;!&ndash;                  <Image url="@images/thumbs-up-icon-31142.png" />&ndash;&gt;-->
+<!--               </image>-->
+<!--            </ImageView>-->
+            <Label fx:id="successLabel" alignment="CENTER" layoutX="-81.0" layoutY="227.0" prefHeight="17.0" prefWidth="127.0">
+               <font>
+                  <Font name="Book Antiqua" size="18.0" />
+               </font>
+            </Label>
          </children>
       </Pane>
    </children>

src/main/resources/org/example/csc311_mod6regex/style.css

@@ -0,0 +1,30 @@
+.root {
+    -fx-background-color: #f0f4f8;
+    -fx-font-family: 'Segoe UI', sans-serif;
+}
+
+/* Base button style */
+.button {
+    -fx-background-color: linear-gradient(to bottom right, #4a90e2, #357ABD);
+    -fx-text-fill: white;
+    -fx-font-size: 14px;
+    -fx-font-weight: bold;
+    -fx-padding: 10 20 10 20;
+    -fx-background-radius: 10;
+    -fx-cursor: hand;
+    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.2), 8, 0, 0, 4);
+    -fx-border-width: 0;
+    -fx-transition: all 0.3s ease-in-out;
+}
+
+/* Hover effect */
+.button:hover {
+    -fx-background-color: linear-gradient(to bottom right, #5aa0f0, #3f85d0);
+    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.3), 10, 0, 0, 6);
+}
+
+/* Click effect */
+.button:pressed {
+    -fx-translate-y: 2px;
+    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.15), 6, 0, 0, 2);
+}