diff --git a/.air.toml b/.air.toml
new file mode 100644
index 0000000..ad439e1
--- /dev/null
+++ b/.air.toml
@@ -0,0 +1,44 @@
+root = "."
+testdata_dir = "testdata"
+tmp_dir = "tmp"
+
+[build]
+  args_bin = []
+  bin = "./tmp/main"
+  cmd = "go build -o ./tmp/main ."
+  delay = 0
+  exclude_dir = ["assets", "tmp", "vendor", "testdata"]
+  exclude_file = []
+  exclude_regex = ["_test.go"]
+  exclude_unchanged = false
+  follow_symlink = false
+  full_bin = ""
+  include_dir = []
+  include_ext = ["go", "tpl", "tmpl", "html"]
+  include_file = []
+  kill_delay = "0s"
+  log = "build-errors.log"
+  poll = false
+  poll_interval = 0
+  rerun = false
+  rerun_delay = 500
+  send_interrupt = false
+  stop_on_error = false
+
+[color]
+  app = ""
+  build = "yellow"
+  main = "magenta"
+  runner = "green"
+  watcher = "cyan"
+
+[log]
+  main_only = false
+  time = false
+
+[misc]
+  clean_on_exit = false
+
+[screen]
+  clear_on_rebuild = false
+  keep_scroll = true
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a9a5aec
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+tmp
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..78aa6f2
Binary files /dev/null and b/favicon.ico differ
diff --git a/go.mod b/go.mod
index b04e990..1d353db 100644
--- a/go.mod
+++ b/go.mod
@@ -2,7 +2,10 @@ module imap-sync
 
 go 1.21.0
 
-require github.com/gin-gonic/gin v1.9.1
+require (
+	github.com/gin-gonic/gin v1.9.1
+	github.com/sirupsen/logrus v1.9.3
+)
 
 require (
 	github.com/bytedance/sonic v1.9.1 // indirect
@@ -13,20 +16,24 @@ require (
 	github.com/go-playground/universal-translator v0.18.1 // indirect
 	github.com/go-playground/validator/v10 v10.14.0 // indirect
 	github.com/goccy/go-json v0.10.2 // indirect
+	github.com/google/go-cmp v0.5.9 // indirect
 	github.com/json-iterator/go v1.1.12 // indirect
 	github.com/klauspost/cpuid/v2 v2.2.4 // indirect
+	github.com/kr/pretty v0.3.1 // indirect
 	github.com/leodido/go-urn v1.2.4 // indirect
 	github.com/mattn/go-isatty v0.0.19 // indirect
 	github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd // indirect
 	github.com/modern-go/reflect2 v1.0.2 // indirect
-	github.com/pelletier/go-toml/v2 v2.0.8 // indirect
+	github.com/pelletier/go-toml/v2 v2.1.0 // indirect
+	github.com/rogpeppe/go-internal v1.11.0 // indirect
 	github.com/twitchyliquid64/golang-asm v0.15.1 // indirect
 	github.com/ugorji/go/codec v1.2.11 // indirect
 	golang.org/x/arch v0.3.0 // indirect
-	golang.org/x/crypto v0.9.0 // indirect
-	golang.org/x/net v0.10.0 // indirect
-	golang.org/x/sys v0.8.0 // indirect
-	golang.org/x/text v0.9.0 // indirect
-	google.golang.org/protobuf v1.30.0 // indirect
+	golang.org/x/crypto v0.12.0 // indirect
+	golang.org/x/net v0.14.0 // indirect
+	golang.org/x/sys v0.12.0 // indirect
+	golang.org/x/text v0.13.0 // indirect
+	google.golang.org/protobuf v1.31.0 // indirect
+	gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127 // indirect
 	gopkg.in/yaml.v3 v3.0.1 // indirect
 )
diff --git a/go.sum b/go.sum
index 1a77fa1..261ae0c 100644
--- a/go.sum
+++ b/go.sum
@@ -4,6 +4,7 @@ github.com/bytedance/sonic v1.9.1/go.mod h1:i736AoUSYt75HyZLoJW9ERYxcy6eaN6h4BZX
 github.com/chenzhuoyu/base64x v0.0.0-20211019084208-fb5309c8db06/go.mod h1:DH46F32mSOjUmXrMHnKwZdA8wcEefY7UVqBKYGjpdQY=
 github.com/chenzhuoyu/base64x v0.0.0-20221115062448-fe3a3abad311 h1:qSGYFH7+jGhDF8vLC+iwCD4WpbV1EBDSzWkJODFLams=
 github.com/chenzhuoyu/base64x v0.0.0-20221115062448-fe3a3abad311/go.mod h1:b583jCggY9gE99b6G5LEC39OIiVsWj+R97kbl5odCEk=
+github.com/creack/pty v1.1.9/go.mod h1:oKZEueFk5CKHvIhNR5MUki03XCEU+Q6VDXinZuGJ33E=
 github.com/davecgh/go-spew v1.1.0/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
 github.com/davecgh/go-spew v1.1.1 h1:vj9j/u1bqnvCEfJOwUhtlOARqs3+rkHYY13jYWTU97c=
 github.com/davecgh/go-spew v1.1.1/go.mod h1:J7Y8YcW2NihsgmVo/mv3lAwl/skON4iLHjSsI+c5H38=
@@ -24,14 +25,19 @@ github.com/go-playground/validator/v10 v10.14.0/go.mod h1:9iXMNT7sEkjXb0I+enO7QX
 github.com/goccy/go-json v0.10.2 h1:CrxCmQqYDkv1z7lO7Wbh2HN93uovUHgrECaO5ZrCXAU=
 github.com/goccy/go-json v0.10.2/go.mod h1:6MelG93GURQebXPDq3khkgXZkazVtN9CRI+MGFi0w8I=
 github.com/golang/protobuf v1.5.0/go.mod h1:FsONVRAS9T7sI+LIUmWTfcYkHO4aIWwzhcaSAoJOfIk=
-github.com/google/go-cmp v0.5.5 h1:Khx7svrCpmxxtHBq5j2mp/xVjsi8hQMfNLvJFAlrGgU=
 github.com/google/go-cmp v0.5.5/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
+github.com/google/go-cmp v0.5.9 h1:O2Tfq5qg4qc4AmwVlvv0oLiVAGB7enBSJ2x2DqQFi38=
+github.com/google/go-cmp v0.5.9/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
 github.com/google/gofuzz v1.0.0/go.mod h1:dBl0BpW6vV/+mYPU4Po3pmUjxk6FQPldtuIdl/M65Eg=
 github.com/json-iterator/go v1.1.12 h1:PV8peI4a0ysnczrg+LtxykD8LfKY9ML6u2jnxaEnrnM=
 github.com/json-iterator/go v1.1.12/go.mod h1:e30LSqwooZae/UwlEbR2852Gd8hjQvJoHmT4TnhNGBo=
 github.com/klauspost/cpuid/v2 v2.0.9/go.mod h1:FInQzS24/EEf25PyTYn52gqo7WaD8xa0213Md/qVLRg=
 github.com/klauspost/cpuid/v2 v2.2.4 h1:acbojRNwl3o09bUq+yDCtZFc1aiwaAAxtcn8YkZXnvk=
 github.com/klauspost/cpuid/v2 v2.2.4/go.mod h1:RVVoqg1df56z8g3pUjL/3lE5UfnlrJX8tyFgg4nqhuY=
+github.com/kr/pretty v0.3.1 h1:flRD4NNwYAUpkphVc1HcthR4KEIFJ65n8Mw5qdRn3LE=
+github.com/kr/pretty v0.3.1/go.mod h1:hoEshYVHaxMs3cyo3Yncou5ZscifuDolrwPKZanG3xk=
+github.com/kr/text v0.2.0 h1:5Nx0Ya0ZqY2ygV366QzturHI13Jq95ApcVaJBhpS+AY=
+github.com/kr/text v0.2.0/go.mod h1:eLer722TekiGuMkidMxC/pM04lWEeraHUUmBw8l2grE=
 github.com/leodido/go-urn v1.2.4 h1:XlAE/cm/ms7TE/VMVoduSpNBoyc2dOxHs5MZSwAN63Q=
 github.com/leodido/go-urn v1.2.4/go.mod h1:7ZrI8mTSeBSHl/UaRyKQW1qZeMgak41ANeCNaVckg+4=
 github.com/mattn/go-isatty v0.0.19 h1:JITubQf0MOLdlGRuRq+jtsDlekdYPia9ZFsB8h/APPA=
@@ -41,10 +47,16 @@ github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd h1:TRLaZ9cD/w
 github.com/modern-go/concurrent v0.0.0-20180306012644-bacd9c7ef1dd/go.mod h1:6dJC0mAP4ikYIbvyc7fijjWJddQyLn8Ig3JB5CqoB9Q=
 github.com/modern-go/reflect2 v1.0.2 h1:xBagoLtFs94CBntxluKeaWgTMpvLxC4ur3nMaC9Gz0M=
 github.com/modern-go/reflect2 v1.0.2/go.mod h1:yWuevngMOJpCy52FWWMvUC8ws7m/LJsjYzDa0/r8luk=
-github.com/pelletier/go-toml/v2 v2.0.8 h1:0ctb6s9mE31h0/lhu+J6OPmVeDxJn+kYnJc2jZR9tGQ=
-github.com/pelletier/go-toml/v2 v2.0.8/go.mod h1:vuYfssBdrU2XDZ9bYydBu6t+6a6PYNcZljzZR9VXg+4=
+github.com/pelletier/go-toml/v2 v2.1.0 h1:FnwAJ4oYMvbT/34k9zzHuZNrhlz48GB3/s6at6/MHO4=
+github.com/pelletier/go-toml/v2 v2.1.0/go.mod h1:tJU2Z3ZkXwnxa4DPO899bsyIoywizdUvyaeZurnPPDc=
+github.com/pkg/diff v0.0.0-20210226163009-20ebb0f2a09e/go.mod h1:pJLUxLENpZxwdsKMEsNbx1VGcRFpLqf3715MtcvvzbA=
 github.com/pmezard/go-difflib v1.0.0 h1:4DBwDE0NGyQoBHbLQYPwSUPoCMWR5BEzIk/f1lZbAQM=
 github.com/pmezard/go-difflib v1.0.0/go.mod h1:iKH77koFhYxTK1pcRnkKkqfTogsbg7gZNVY4sRDYZ/4=
+github.com/rogpeppe/go-internal v1.9.0/go.mod h1:WtVeX8xhTBvf0smdhujwtBcq4Qrzq/fJaraNFVN+nFs=
+github.com/rogpeppe/go-internal v1.11.0 h1:cWPaGQEPrBb5/AsnsZesgZZ9yb1OQ+GOISoDNXVBh4M=
+github.com/rogpeppe/go-internal v1.11.0/go.mod h1:ddIwULY96R17DhadqLgMfk9H9tvdUzkipdSkR5nkCZA=
+github.com/sirupsen/logrus v1.9.3 h1:dueUQJ1C2q9oE3F7wvmSGAaVtTmUizReu6fjN8uqzbQ=
+github.com/sirupsen/logrus v1.9.3/go.mod h1:naHLuLoDiP4jHNo9R0sCBMtWGeIprob74mVsIT4qYEQ=
 github.com/stretchr/objx v0.1.0/go.mod h1:HFkY916IF+rwdDfMAkV7OtwuqBVzrE8GR6GFx+wExME=
 github.com/stretchr/objx v0.4.0/go.mod h1:YvHI0jy2hoMjB+UWwv71VJQ9isScKT/TqJzVSSt89Yw=
 github.com/stretchr/objx v0.5.0/go.mod h1:Yh+to48EsGEfYuaHDzXPcE3xhTkx73EhmCGUpEOglKo=
@@ -54,8 +66,8 @@ github.com/stretchr/testify v1.7.1/go.mod h1:6Fq8oRcR53rry900zMqJjRRixrwX3KX962/
 github.com/stretchr/testify v1.8.0/go.mod h1:yNjHg4UonilssWZ8iaSj1OCr/vHnekPRkoO+kdMU+MU=
 github.com/stretchr/testify v1.8.1/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
 github.com/stretchr/testify v1.8.2/go.mod h1:w2LPCIKwWwSfY2zedu0+kehJoqGctiVI29o6fzry7u4=
-github.com/stretchr/testify v1.8.3 h1:RP3t2pwF7cMEbC1dqtB6poj3niw/9gnV4Cjg5oW5gtY=
-github.com/stretchr/testify v1.8.3/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
+github.com/stretchr/testify v1.8.4 h1:CcVxjf3Q8PM0mHUKJCdn+eZZtm5yQwehR5yeSVQQcUk=
+github.com/stretchr/testify v1.8.4/go.mod h1:sz/lmYIOXD/1dqDmKjjqLyZ2RngseejIcXlSw2iwfAo=
 github.com/twitchyliquid64/golang-asm v0.15.1 h1:SU5vSMR7hnwNxj24w34ZyCi/FmDZTkS4MhqMhdFk5YI=
 github.com/twitchyliquid64/golang-asm v0.15.1/go.mod h1:a1lVb/DtPvCB8fslRZhAngC2+aY1QWCk3Cedj/Gdt08=
 github.com/ugorji/go/codec v1.2.11 h1:BMaWp1Bb6fHwEtbplGBGJ498wD+LKlNSl25MjdZY4dU=
@@ -63,23 +75,24 @@ github.com/ugorji/go/codec v1.2.11/go.mod h1:UNopzCgEMSXjBc6AOMqYvWC1ktqTAfzJZUZ
 golang.org/x/arch v0.0.0-20210923205945-b76863e36670/go.mod h1:5om86z9Hs0C8fWVUuoMHwpExlXzs5Tkyp9hOrfG7pp8=
 golang.org/x/arch v0.3.0 h1:02VY4/ZcO/gBOH6PUaoiptASxtXU10jazRCP865E97k=
 golang.org/x/arch v0.3.0/go.mod h1:5om86z9Hs0C8fWVUuoMHwpExlXzs5Tkyp9hOrfG7pp8=
-golang.org/x/crypto v0.9.0 h1:LF6fAI+IutBocDJ2OT0Q1g8plpYljMZ4+lty+dsqw3g=
-golang.org/x/crypto v0.9.0/go.mod h1:yrmDGqONDYtNj3tH8X9dzUun2m2lzPa9ngI6/RUPGR0=
-golang.org/x/net v0.10.0 h1:X2//UzNDwYmtCLn7To6G58Wr6f5ahEAQgKNzv9Y951M=
-golang.org/x/net v0.10.0/go.mod h1:0qNGK6F8kojg2nk9dLZ2mShWaEBan6FAoqfSigmmuDg=
+golang.org/x/crypto v0.12.0 h1:tFM/ta59kqch6LlvYnPa0yx5a83cL2nHflFhYKvv9Yk=
+golang.org/x/crypto v0.12.0/go.mod h1:NF0Gs7EO5K4qLn+Ylc+fih8BSTeIjAP05siRnAh98yw=
+golang.org/x/net v0.14.0 h1:BONx9s002vGdD9umnlX1Po8vOZmrgH34qlHcD1MfK14=
+golang.org/x/net v0.14.0/go.mod h1:PpSgVXXLK0OxS0F31C1/tv6XNguvCrnXIDrFMspZIUI=
 golang.org/x/sys v0.0.0-20220704084225-05e143d24a9e/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.0.0-20220715151400-c0bba94af5f8/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/sys v0.8.0 h1:EBmGv8NaZBZTWvrbjNoL6HVt+IVy3QDQpJs7VRIw3tU=
-golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
-golang.org/x/text v0.9.0 h1:2sjJmO8cDvYveuX97RDLsxlyUxLl+GHoLxBiRdHllBE=
-golang.org/x/text v0.9.0/go.mod h1:e1OnstbJyHTd6l/uOt8jFFHp6TRDWZR/bV3emEE/zU8=
-golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543 h1:E7g+9GITq07hpfrRu66IVDexMakfv52eLZ2CXBWiKr4=
+golang.org/x/sys v0.12.0 h1:CM0HF96J0hcLAwsHPJZjfdNzs0gftsLfgKt57wWHJ0o=
+golang.org/x/sys v0.12.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/text v0.13.0 h1:ablQoSUd0tRdKxZewP80B+BaqeKJuVhuRxj/dkrun3k=
+golang.org/x/text v0.13.0/go.mod h1:TvPlkZtksWOMsz7fbANvkp4WM8x/WCo/om8BMLbz+aE=
 golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 google.golang.org/protobuf v1.26.0-rc.1/go.mod h1:jlhhOSvTdKEhbULTjvd4ARK9grFBp09yW+WbY/TyQbw=
-google.golang.org/protobuf v1.30.0 h1:kPPoIgf3TsEvrm0PFe15JQ+570QVxYzEvvHqChK+cng=
-google.golang.org/protobuf v1.30.0/go.mod h1:HV8QOd/L58Z+nl8r43ehVNZIU/HEI6OcFqwMG9pJV4I=
-gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405 h1:yhCVgyC4o1eVCa2tZl7eS0r+SDo693bJlVdllGtEeKM=
+google.golang.org/protobuf v1.31.0 h1:g0LDEJHgrBl9N9r17Ru3sqWhkIx2NB67okBHPwC7hs8=
+google.golang.org/protobuf v1.31.0/go.mod h1:HV8QOd/L58Z+nl8r43ehVNZIU/HEI6OcFqwMG9pJV4I=
 gopkg.in/check.v1 v0.0.0-20161208181325-20d25e280405/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
+gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127 h1:qIbj1fsPNlZgppZ+VLlY7N33q108Sa+fhmuc+sWQYwY=
+gopkg.in/check.v1 v1.0.0-20180628173108-788fd7840127/go.mod h1:Co6ibVJAznAaIkqp8huTwlJQCZ016jof/cbN4VW5Yz0=
 gopkg.in/yaml.v3 v3.0.0-20200313102051-9f266ea9e77c/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=
diff --git a/logger.go b/logger.go
new file mode 100644
index 0000000..e8a3bed
--- /dev/null
+++ b/logger.go
@@ -0,0 +1,29 @@
+package main
+
+import (
+	"runtime"
+	"strconv"
+	"strings"
+
+	"github.com/sirupsen/logrus"
+)
+
+var log = logrus.New()
+
+func SetupLogger() {
+
+	log.SetFormatter(&logrus.TextFormatter{
+		ForceColors:     true, // Enable colors in the console output
+		FullTimestamp:   true, // Show full timestamp with date and time
+		TimestampFormat: "2006-01-02 15:04:05",
+		CallerPrettyfier: func(f *runtime.Frame) (string, string) {
+			// Get the filename and the function name from the file path
+			slash := strings.LastIndex(f.File, "/")
+			filename := f.File[slash+1:]
+			return "", "[" + filename + ":" + strconv.Itoa(f.Line) + "]"
+		},
+	})
+
+	log.SetReportCaller(true)
+	log.SetLevel(logrus.TraceLevel)
+}
diff --git a/main.go b/main.go
index 4a00b9a..d45dc43 100644
--- a/main.go
+++ b/main.go
@@ -23,7 +23,11 @@ var (
 func main() {
 	flag.Parse()
 
-	r := initServer()
+	SetupLogger()
 
-	r.Run(":" + *port)
+	log.Info("Starting server")
+
+	router := initServer()
+
+	router.Run(":" + *port)
 }
diff --git a/server.go b/server.go
index 6f57b4f..5181f79 100644
--- a/server.go
+++ b/server.go
@@ -1,18 +1,28 @@
 package main
 
-import "github.com/gin-gonic/gin"
+import (
+	"github.com/gin-gonic/gin"
+)
 
 func initServer() *gin.Engine {
 	gin.SetMode(gin.ReleaseMode)
-	r := gin.Default()
+	router := gin.Default()
 
-	r.LoadHTMLGlob("templates/*")
+	router.LoadHTMLGlob("templates/*")
 
-	r.GET("/", handleRoot)
-	return r
+	router.GET("/", handleRoot)
+	router.GET("/favicon.ico", func(ctx *gin.Context) {
+		ctx.File("favicon.ico")
+	})
+
+	// API endpoints
+	//router.POST("/api/transfer", handleTransfer)
+	router.POST("/api/validate", handleValidate)
+
+	return router
 }
 
-func handleRoot(c *gin.Context) {
+func handleRoot(ctx *gin.Context) {
 	sourceDetails := Credentials{
 		Server:   *source_server,
 		Account:  *source_account,
@@ -32,5 +42,5 @@ func handleRoot(c *gin.Context) {
 		SourceDetails:      sourceDetails,
 		DestinationDetails: destinationDetails,
 	}
-	c.HTML(200, "index.html", data)
+	ctx.HTML(200, "index.html", data)
 }
diff --git a/templates/index.html b/templates/index.html
index c42f2a9..755a055 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,6 +6,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>imapsync-web</title>
     <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/htmx.org@1.9.5"
+        integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO"
+        crossorigin="anonymous"></script>
+
+    <style>
+        #error-notification {
+            transition: all 0.5s ease;
+        }
+
+        #error-notification.hidden {
+            transform: translateX(100%);
+        }
+    </style>
+
 </head>
 
 <body class="bg-gray-100 dark:bg-gray-900 text-gray-800 dark:text-white p-2">
@@ -18,30 +32,33 @@ <h1 class="text-4xl font-semibold text-center my-4">imapsync-web</h1>
         <!-- Source details -->
         <div class="w-1/2 bg-white dark:bg-gray-800 rounded-lg p-4 shadow-md">
             <h2 class="text-2xl font-semibold mb-4">Source Details</h2>
-            <form>
+
+            <form hx-post="/api/validate" hx-target="#error-notification" hx-swap="outerHTML">
                 <div class="grid gap-4">
                     <div>
                         <label for="source_server" class="block font-semibold">Server</label>
-                        <input type="text" id="source_server" name="source_server" placeholder="Source Server" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
+                        <input type="text" id="source_server" name="server" placeholder="Source Server" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
                             focus:outline-none focus:border-blue-500 dark:focus:border-blue-500 text-black" required
                             value="{{.SourceDetails.Server}}">
                     </div>
                     <div>
                         <label for="source_account" class="block font-semibold">Account</label>
-                        <input type="text" id="source_account" name="source_account" placeholder="Source Account" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
+                        <input type="text" id="source_account" name="account" placeholder="Source Account" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
                             focus:outline-none focus:border-blue-500 dark:focus:border-blue-500 text-black" required
                             value="{{.SourceDetails.Account}}">
                     </div>
                     <div>
                         <label for="source_password" class="block font-semibold">Password</label>
-                        <input type="password" id="source_password" name="source_password" placeholder="Source Password"
-                            class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
+                        <input type="password" id="source_password" name="password" placeholder="Source Password" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
                             focus:outline-none focus:border-blue-500 dark:focus:border-blue-500 text-black" required
                             value="{{.SourceDetails.Password}}">
                     </div>
-
                 </div>
+                <button type="submit" class="w-full bg-blue-500 text-white p-2 rounded-lg mt-4">
+                    Validate Credentials
+                </button>
             </form>
+
         </div>
         <!-- Destination details -->
         <div class="w-1/2 bg-white dark:bg-gray-800 rounded-lg p-4 shadow-md">
@@ -50,26 +67,24 @@ <h2 class="text-2xl font-semibold mb-4">Destination Details</h2>
                 <div class="grid gap-4">
                     <div>
                         <label for="destination_server" class="block font-semibold">Server</label>
-                        <input type="text" id="destination_server" name="destination_server"
-                            placeholder="Destination Server" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
+                        <input type="text" id="destination_server" name="server" placeholder="Destination Server" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
                             focus:outline-none focus:border-blue-500 dark:focus:border-blue-500 text-black" required
                             value="{{.DestinationDetails.Server}}">
                     </div>
                     <div>
                         <label for="destination_account" class="block font-semibold">Account</label>
-                        <input type="text" id="destination_account" name="destination_account"
-                            placeholder="Destination Account" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
+                        <input type="text" id="destination_account" name="account" placeholder="Destination Account"
+                            class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
                             focus:outline-none focus:border-blue-500 dark:focus:border-blue-500 text-black" required
                             value="{{.DestinationDetails.Account}}">
                     </div>
                     <div>
                         <label for="destination_password" class="block font-semibold">Password</label>
-                        <input type="password" id="destination_password" name="destination_password"
+                        <input type="password" id="destination_password" name="password"
                             placeholder="Destination Password" class="w-full border-2 border-gray-300 dark:border-gray-700 p-2 rounded-lg
                             focus:outline-none focus:border-blue-500 dark:focus:border-blue-500 text-black" required
                             value="{{.DestinationDetails.Password}}">
                     </div>
-
                 </div>
             </form>
         </div>
@@ -82,6 +97,8 @@ <h2 class="text-2xl font-semibold mb-4">Destination Details</h2>
                 Validate Credentials
             </button>
         </div>
+        <div id="error-notification" class="hidden bg-red-500 text-white p-2 rounded absolute top-0 right-0 mt-4 mr-4">
+            Error Validating Credentials</div>
         <div>
             <button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
                 Sync
@@ -108,4 +125,11 @@ <h2 class="text-2xl font-semibold mb-4">Log Output</h2>
     <div class="container mx-auto flex justify-center p-4">
         <p class="text-center text-gray-500 dark:text-gray-400">imapsync-web</p>
     </div>
+
+    <script>
+        var errorNotification = document.getElementById("error-notification");
+        errorNotification.addEventListener("click", function () {
+            errorNotification.classList.add("hidden");
+        });
+    </script>
 </body>
\ No newline at end of file
diff --git a/templates/index.html.zst b/templates/index.html.zst
deleted file mode 100644
index 514eaa1..0000000
Binary files a/templates/index.html.zst and /dev/null differ
diff --git a/transfer.go b/transfer.go
new file mode 100644
index 0000000..91366bb
--- /dev/null
+++ b/transfer.go
@@ -0,0 +1,5 @@
+package main
+
+func transferFiles(sourceDetails Credentials, destinationDetails Credentials, files []string) error {
+	return nil
+}
diff --git a/validate.go b/validate.go
new file mode 100644
index 0000000..8c295ad
--- /dev/null
+++ b/validate.go
@@ -0,0 +1,50 @@
+package main
+
+import (
+	"errors"
+	"net/smtp"
+
+	"github.com/gin-gonic/gin"
+)
+
+func handleValidate(ctx *gin.Context) {
+	Server := ctx.PostForm("server")
+	Account := ctx.PostForm("account")
+	Password := ctx.PostForm("password")
+
+	creds := Credentials{
+		Server:   Server,
+		Account:  Account,
+		Password: Password,
+	}
+
+	log.Infof("Validating credentials for: %s", creds.Account)
+
+	err := validateCredentials(creds)
+	if err != nil {
+		ctx.Header("Content-Type", "text/html; charset=utf-8")
+		ctx.String(200, "<div id=\"error-notification\" class=\"bg-red-500 text-white p-2 rounded absolute top-0 right-0 mt-4 mr-4 cursor-pointer\">Error validating credentials</div>")
+		return
+	}
+
+}
+
+func validateCredentials(creds Credentials) error {
+	if creds.Server == "" {
+		return errors.New("Server cannot be empty")
+	}
+	if creds.Account == "" {
+		return errors.New("Account cannot be empty")
+	}
+	if creds.Password == "" {
+		return errors.New("Password cannot be empty")
+	}
+
+	auth := smtp.PlainAuth("", creds.Account, creds.Password, creds.Server)
+	err := smtp.SendMail(creds.Server+":25", auth, creds.Account, []string{creds.Account}, []byte("test"))
+	if err != nil {
+		return errors.New("Invalid credentials")
+	}
+
+	return nil
+}