diff --git a/.gitignore b/.gitignore
index c68362c..3e78d0a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -4,3 +4,4 @@
 # Ignore Gradle build output directory
 build
 .idea
+**/videos
\ No newline at end of file
diff --git a/.idea/gradle.xml b/.idea/gradle.xml
index 852456e..860db67 100644
--- a/.idea/gradle.xml
+++ b/.idea/gradle.xml
@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>
@@ -14,7 +15,10 @@
             </builds>
           </compositeBuild>
         </compositeConfiguration>
+        <option name="testRunner" value="PLATFORM" />
+        <option name="distributionType" value="LOCAL" />
         <option name="externalProjectPath" value="$PROJECT_DIR$" />
+        <option name="gradleHome" value="/opt/gradle/gradle-8.2" />
         <option name="modules">
           <set>
             <option value="$PROJECT_DIR$" />
diff --git a/buildSrc/src/main/kotlin/fr.arsenelapostolet.fsa_banking_system.kotlin-common-conventions.gradle.kts b/buildSrc/src/main/kotlin/fr.arsenelapostolet.fsa_banking_system.kotlin-common-conventions.gradle.kts
index f5bc256..0ffb940 100644
--- a/buildSrc/src/main/kotlin/fr.arsenelapostolet.fsa_banking_system.kotlin-common-conventions.gradle.kts
+++ b/buildSrc/src/main/kotlin/fr.arsenelapostolet.fsa_banking_system.kotlin-common-conventions.gradle.kts
@@ -13,15 +13,11 @@ repositories {
 }
 
 dependencies {
-    constraints {
-        // Define dependency versions as constraints
-        implementation("org.apache.commons:commons-text:1.10.0")
-    }
-
+    implementation("org.jetbrains.kotlinx:kotlinx-coroutines-core:1.7.2")
     // Use JUnit Jupiter for testing.
     testImplementation("org.junit.jupiter:junit-jupiter:5.9.2")
-
     testRuntimeOnly("org.junit.platform:junit-platform-launcher")
+
 }
 
 tasks.named<Test>("test") {
diff --git a/ci/docker-compose.yml b/ci/docker-compose.yml
new file mode 100644
index 0000000..725de71
--- /dev/null
+++ b/ci/docker-compose.yml
@@ -0,0 +1,23 @@
+services:
+  postgres:
+    container_name: postgres
+    image: postgres
+    ports:
+      - 5432:5432
+    environment:
+      - POSTGRES_PASSWORD=password
+      - POSTGRES_DB=fsabank
+  fsabank:
+    container_name: fsabank
+    build:
+      dockerfile: web/Dockerfile
+      context: ..
+    depends_on:
+      - postgres
+    environment:
+      - DB_HOST=postgres
+      - DB_NAME=fsabank
+      - DB_PASSWORD=password
+      - DB_USERNAME=postgres
+    ports:
+      - 5000:8080
\ No newline at end of file
diff --git a/core/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplication.kt b/core/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplication.kt
index 978b4c2..71532b2 100644
--- a/core/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplication.kt
+++ b/core/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplication.kt
@@ -7,19 +7,22 @@ import java.math.BigDecimal
 
 class BankApplication(private val accountRepository: AccountRepository) {
 
-    fun createAccount(accountHolderName: String): Account{
-        throw NotImplementedError()
+    suspend fun createAccount(accountHolderName: String): Account {
+        val account = Account(accountHolderName)
+        accountRepository.insert(account)
+
+        return account
     }
 
-    fun listAccounts(): Set<Account>{
-        throw NotImplementedError()
+    suspend fun listAccounts(): Collection<Account> {
+        return accountRepository.getAll()
     }
 
-    fun paySalaries() {
+    suspend fun paySalaries() {
         throw NotImplementedError()
     }
 
-    fun addDebit(operationName: String, amountBigDecimal: BigDecimal): Operation {
+    suspend fun addDebit(operationName: String, amountBigDecimal: BigDecimal): Operation {
         throw NotImplementedError()
     }
 }
\ No newline at end of file
diff --git a/core/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplicationTests.kt b/core/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplicationTests.kt
index f397a5c..fc5b538 100644
--- a/core/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplicationTests.kt
+++ b/core/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/bank/BankApplicationTests.kt
@@ -1,22 +1,50 @@
 package fr.arsenelapostolet.fsa_banking_system.bank
 
 import fr.arsenelapostolet.fsa_banking_system.bank.entities.Account
+import kotlinx.coroutines.runBlocking
+import org.junit.jupiter.api.Assertions.assertEquals
+import org.junit.jupiter.api.Assertions.assertTrue
 import org.junit.jupiter.api.Test
 
 class BankApplicationTests {
 
-    val target: BankApplication = BankApplication(FakeAccountRepository())
+    private val repository = FakeAccountRepository()
+    private val target: BankApplication = BankApplication(repository)
 
     @Test
-    fun createAccount_insertsRecord(){
+    fun createAccount_insertsRecord() = runBlocking {
         // Given
         val accountName = "test account";
 
         // When
-        target.createAccount(accountName)
+        val result = target.createAccount(accountName)
 
         // Then
-        
+        assertEquals(accountName, result.name)
+        assertEquals(accountName, repository.data[accountName]!!.name)
+    }
+
+    @Test
+    fun listAccounts_returnsAccountsInDb() = runBlocking {
+        // Given
+        val accounts = listOf(
+            Account("Test account 1"),
+            Account("Test account 2"),
+            Account("Test account 3")
+        )
+        for(account in accounts){
+            repository.data[account.name] = account
+        }
+
+        // When
+        val result = target.listAccounts()
+
+        // Then
+        assertEquals(3, result.size)
+        for(account in accounts){
+            assertTrue(result.contains(account))
+        }
+
     }
 
 }
\ No newline at end of file
diff --git a/web/Dockerfile b/web/Dockerfile
new file mode 100644
index 0000000..76ef9b8
--- /dev/null
+++ b/web/Dockerfile
@@ -0,0 +1,10 @@
+FROM gradle:8.2.0-jdk17 AS build
+WORKDIR /app
+COPY . .
+RUN gradle buildFatJar --no-daemon
+
+FROM openjdk:17 AS run
+EXPOSE 8080
+RUN mkdir /app
+COPY --from=build /app/web/build/libs/web-all.jar /app/web-all.jar
+ENTRYPOINT ["java","-jar","/app/web-all.jar"]
\ No newline at end of file
diff --git a/web/build.gradle.kts b/web/build.gradle.kts
index 22ada7f..99b16ec 100644
--- a/web/build.gradle.kts
+++ b/web/build.gradle.kts
@@ -18,11 +18,46 @@ application {
     applicationDefaultJvmArgs = listOf("-Dio.ktor.development=$isDevelopment")
 }
 
+tasks.named<Test>("test") {
+    // Use JUnit Platform for unit tests.
+    useJUnitPlatform()
+}
+
+ktor {
+    docker {
+        jreVersion.set(io.ktor.plugin.features.JreVersion.JRE_17)
+        localImageName.set("fsa-bank")
+        imageTag.set("0.0.1")
+        portMappings.set(
+            listOf(
+                io.ktor.plugin.features.DockerPortMapping(
+                    80,
+                    8080,
+                    io.ktor.plugin.features.DockerPortMappingProtocol.TCP
+                )
+            )
+        )
+        externalRegistry.set(
+            io.ktor.plugin.features.DockerImageRegistry.dockerHub(
+                appName = provider { "ktor-app" },
+                username = providers.environmentVariable("DOCKER_HUB_USERNAME"),
+                password = providers.environmentVariable("DOCKER_HUB_PASSWORD")
+            )
+        )
+    }
+}
 
 dependencies {
+
+    implementation("io.ktor:ktor-server-html-builder:2.3.2")
+    implementation("org.kodein.di:kodein-di:7.19.0")
+    implementation("org.kodein.di:kodein-di-framework-ktor-server-jvm:7.19.0")
+    implementation("org.ufoss.kotysa:kotysa-r2dbc:3.1.0")
     implementation("io.ktor:ktor-server-core-jvm:2.3.2")
     implementation("io.ktor:ktor-server-netty-jvm:2.3.2")
     implementation("ch.qos.logback:logback-classic:1.2.11")
+    runtimeOnly("org.postgresql:r2dbc-postgresql:1.0.1.RELEASE")
     testImplementation("io.ktor:ktor-server-tests-jvm:2.3.2")
     testImplementation("org.jetbrains.kotlin:kotlin-test-junit:1.9.0")
+    testImplementation("com.microsoft.playwright:playwright:1.35.0")
 }
\ No newline at end of file
diff --git a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/App.kt b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/App.kt
index 588b6a6..2eb4623 100644
--- a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/App.kt
+++ b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/App.kt
@@ -1,14 +1,53 @@
 package fr.arsenelapostolet.fsa_banking_system.app
 
-import io.ktor.server.application.*
+import fr.arsenelapostolet.fsa_banking_system.app.database.DatabaseAccounts
+import fr.arsenelapostolet.fsa_banking_system.app.database.PostgresAccountRepository
+import fr.arsenelapostolet.fsa_banking_system.bank.BankApplication
+import fr.arsenelapostolet.fsa_banking_system.bank.persistance.AccountRepository
 import io.ktor.server.engine.*
 import io.ktor.server.netty.*
+import io.r2dbc.spi.ConnectionFactories
+import io.r2dbc.spi.ConnectionFactoryOptions
+import kotlinx.coroutines.runBlocking
+import org.kodein.di.*
+import org.kodein.di.ktor.*
+import org.ufoss.kotysa.PostgresqlR2dbcSqlClient
+import org.ufoss.kotysa.PostgresqlTables
+import org.ufoss.kotysa.R2dbcSqlClient
+import org.ufoss.kotysa.r2dbc.coSqlClient
+import org.ufoss.kotysa.tables
 
 fun main() {
-    embeddedServer(Netty, port = 8080, host = "0.0.0.0", module = Application::module)
-        .start(wait = true)
-}
-
-fun Application.module() {
-    configureRouting()
-}
+    embeddedServer(Netty, port = 8080, host = "0.0.0.0") {
+        di {
+            bind<PostgresqlR2dbcSqlClient>() with singleton {
+                ConnectionFactories
+                    .get(
+                        ConnectionFactoryOptions.builder()
+                            .option(ConnectionFactoryOptions.DRIVER, "postgresql")
+                            .option(ConnectionFactoryOptions.HOST, System.getenv("DB_HOST"))
+                            .option(ConnectionFactoryOptions.USER, System.getenv("DB_USERNAME"))
+                            .option(ConnectionFactoryOptions.PASSWORD, System.getenv("DB_PASSWORD"))
+                            .option(ConnectionFactoryOptions.DATABASE, System.getenv("DB_NAME"))
+                            .build()
+                    )
+                    .coSqlClient(tables().postgresql(DatabaseAccounts))
+            }
+            bind<AccountRepository> {
+                singleton {
+                    PostgresAccountRepository(instance())
+                }
+            }
+            bind<BankApplication> {
+                singleton {
+                    BankApplication(instance())
+                }
+            }
+        }
+        runBlocking {
+            val client by closestDI().instance<R2dbcSqlClient>()
+            client createTable DatabaseAccounts
+        }
+        configureRouting()
+    }.start(wait = true)
+}
\ No newline at end of file
diff --git a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/Routing.kt b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/Routing.kt
index 35924b2..ceaf6c7 100644
--- a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/Routing.kt
+++ b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/Routing.kt
@@ -1,13 +1,115 @@
 package fr.arsenelapostolet.fsa_banking_system.app
 
+import fr.arsenelapostolet.fsa_banking_system.app.templates.PageTemplate
+import fr.arsenelapostolet.fsa_banking_system.bank.BankApplication
+import io.ktor.http.*
 import io.ktor.server.routing.*
 import io.ktor.server.response.*
 import io.ktor.server.application.*
+import io.ktor.server.html.*
+import io.ktor.server.http.content.*
+import io.ktor.server.request.*
+import kotlinx.html.*
+import org.kodein.di.instance
+import org.kodein.di.ktor.closestDI
 
 fun Application.configureRouting() {
     routing {
-        get("/") {
-            call.respondText("Hello World!")
+        staticResources("/static", ".")
+        get("/accounts") {
+            val bankingApp by closestDI().instance<BankApplication>()
+            val accounts = bankingApp.listAccounts()
+
+            call.respondHtmlTemplate(PageTemplate(), HttpStatusCode.OK) {
+                content {
+                    div(classes = "center") {
+                        div(classes = "box") {
+                            h1(classes = "title") {
+                                +"Accounts"
+                            }
+                            table(classes = "table is-striped") {
+                                thead {
+                                    tr {
+                                        th {
+                                            +"Account Name"
+                                        }
+                                        th {
+                                            +"Actions"
+                                        }
+                                    }
+                                }
+                                tbody {
+                                    accounts.map {
+                                        tr {
+                                            td { +it.name }
+                                            td("is-flex") {
+                                                button(classes = "button") {
+                                                    +"View"
+                                                }
+                                                button(classes = "button is-danger") {
+                                                    +"Delete"
+                                                }
+                                            }
+                                        }
+                                    }
+                                }
+                            }
+                            button (classes = "button"){
+                                + "Pay salaries"
+                            }
+                            a(href = "/accounts/create") {
+                                button(classes = "button is-primary") {
+                                    +"Create new account"
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        get("/accounts/create") {
+            call.respondHtmlTemplate(PageTemplate(), HttpStatusCode.OK) {
+                content {
+                    div(classes = "center") {
+
+                        form(action = "/accounts/create", method = FormMethod.post, classes = "box") {
+                            h1(classes = "title") {
+                                +"Create new Account"
+                            }
+                            div(classes = "field") {
+                                label(classes = "label") {
+                                    +"Holder Account Name :"
+                                }
+                                div(classes = "control") {
+                                    textInput(name = "holderName", classes = "input")
+                                }
+
+                            }
+                            div(classes = "control") {
+                                submitInput(classes = "button is-primary") { value = "Create Account" }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        post("/accounts/create") {
+            val formParameters = call.receiveParameters()
+            val bankingApp by closestDI().instance<BankApplication>()
+
+            val holderName = formParameters["holderName"]
+            if (holderName == null) {
+                call.respondHtml(HttpStatusCode.BadRequest) {
+                    body {
+                        p {
+                            "holderName is required"
+                        }
+                    }
+                }
+            }
+
+            bankingApp.createAccount(holderName!!)
+            call.respondRedirect("/accounts", permanent = true)
         }
     }
 }
\ No newline at end of file
diff --git a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/DatabaseMappings.kt b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/DatabaseMappings.kt
new file mode 100644
index 0000000..0feab83
--- /dev/null
+++ b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/DatabaseMappings.kt
@@ -0,0 +1,9 @@
+package fr.arsenelapostolet.fsa_banking_system.app.database
+
+import fr.arsenelapostolet.fsa_banking_system.app.database.entities.DatabaseAccount
+import org.ufoss.kotysa.postgresql.PostgresqlTable
+
+object DatabaseAccounts : PostgresqlTable<DatabaseAccount>("accounts") {
+    val name = varchar(DatabaseAccount::name)
+        .primaryKey()
+}
\ No newline at end of file
diff --git a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/PostgresAccountRepository.kt b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/PostgresAccountRepository.kt
new file mode 100644
index 0000000..5d162f6
--- /dev/null
+++ b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/PostgresAccountRepository.kt
@@ -0,0 +1,27 @@
+package fr.arsenelapostolet.fsa_banking_system.app.database
+
+import fr.arsenelapostolet.fsa_banking_system.app.database.entities.DatabaseAccount
+import fr.arsenelapostolet.fsa_banking_system.bank.entities.Account
+import fr.arsenelapostolet.fsa_banking_system.bank.persistance.AccountRepository
+import kotlinx.coroutines.flow.map
+import kotlinx.coroutines.flow.toCollection
+import kotlinx.coroutines.flow.toList
+import org.ufoss.kotysa.PostgresqlR2dbcSqlClient
+
+class PostgresAccountRepository(private val client: PostgresqlR2dbcSqlClient) : AccountRepository {
+
+    override suspend fun insert(account: Account) {
+        client.insert(DatabaseAccount(account))
+    }
+
+    override suspend fun getByName(accountName: String): Account? {
+        throw NotImplementedError()
+    }
+
+    override suspend fun getAll(): Collection<Account> {
+        return (client selectFrom DatabaseAccounts)
+            .fetchAll()
+            .map { it.toDomainEntity() }
+            .toList()
+    }
+}
\ No newline at end of file
diff --git a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/entities/DatabaseAccount.kt b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/entities/DatabaseAccount.kt
new file mode 100644
index 0000000..6fab44a
--- /dev/null
+++ b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/entities/DatabaseAccount.kt
@@ -0,0 +1,13 @@
+package fr.arsenelapostolet.fsa_banking_system.app.database.entities
+
+import fr.arsenelapostolet.fsa_banking_system.bank.entities.Account
+
+data class DatabaseAccount(val name: String) {
+
+    constructor(domainEntity: Account) : this(domainEntity.name)
+
+    fun toDomainEntity(): Account {
+        return Account(name)
+    }
+
+}
\ No newline at end of file
diff --git a/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/templates/PageTemplate.kt b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/templates/PageTemplate.kt
new file mode 100644
index 0000000..db37dac
--- /dev/null
+++ b/web/src/main/kotlin/fr/arsenelapostolet/fsa_banking_system/app/templates/PageTemplate.kt
@@ -0,0 +1,20 @@
+package fr.arsenelapostolet.fsa_banking_system.app.templates
+
+import io.ktor.server.html.*
+import kotlinx.html.FlowContent
+import kotlinx.html.HTML
+import kotlinx.html.*
+
+class PageTemplate : Template<HTML> {
+    val content = Placeholder<FlowContent>()
+    override fun HTML.apply() {
+        head {
+            title("FSA Bank")
+            link(rel = "stylesheet", href = "https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css")
+            link(rel = "stylesheet", href = "/static/style.css")
+        }
+        body {
+            insert(content)
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/src/main/resources/style.css b/web/src/main/resources/style.css
new file mode 100644
index 0000000..14e5886
--- /dev/null
+++ b/web/src/main/resources/style.css
@@ -0,0 +1,10 @@
+.center {
+    display: flex;
+    justify-content: center;
+    align-content: center;
+}
+
+.box {
+    margin-top: 4rem;
+    margin-bottom: 4rem;
+}
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/MessageUtilsTest.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/MessageUtilsTest.kt
deleted file mode 100644
index 7f99156..0000000
--- a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/MessageUtilsTest.kt
+++ /dev/null
@@ -1,14 +0,0 @@
-/*
- * This Kotlin source file was generated by the Gradle "init" task.
- */
-package fr.arsenelapostolet.fsa_banking_system.app
-
-import org.junit.jupiter.api.Test
-
-import org.junit.jupiter.api.Assertions.assertEquals
-
-class MessageUtilsTest {
-    @Test fun testGetMessage() {
-        assertEquals("Hello      World!", MessageUtils.getMessage())
-    }
-}
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/AccountRepositoryTests.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/AccountRepositoryTests.kt
new file mode 100644
index 0000000..7cc3f82
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/AccountRepositoryTests.kt
@@ -0,0 +1,73 @@
+package fr.arsenelapostolet.fsa_banking_system.app.database
+
+import fr.arsenelapostolet.fsa_banking_system.app.database.entities.DatabaseAccount
+import fr.arsenelapostolet.fsa_banking_system.bank.entities.Account
+import kotlinx.coroutines.runBlocking
+import org.junit.jupiter.api.AfterAll
+import org.junit.jupiter.api.BeforeAll
+import org.junit.jupiter.api.Test
+import org.junit.jupiter.api.TestInstance
+import org.ufoss.kotysa.PostgresqlR2dbcSqlClient
+import kotlin.test.assertEquals
+import kotlin.test.assertTrue
+
+@TestInstance(TestInstance.Lifecycle.PER_CLASS)
+class AccountRepositoryTests {
+
+    private var client: PostgresqlR2dbcSqlClient? = null
+    private var target: PostgresAccountRepository? = null
+    private val database = DatabaseFixture()
+
+    @BeforeAll
+    fun setup() {
+        client = database.client
+        target = PostgresAccountRepository(client!!)
+        runBlocking {
+            database.migrate()
+            database.client.deleteAllFrom(DatabaseAccounts)
+        }
+    }
+
+    @Test
+    fun insert_insertsRecordInDb() = runBlocking {
+        // Given
+        val name = "Test Account Name"
+
+        // When
+        target!!.insert(Account(name))
+
+        // Then
+        var recordCount = (client!! selectCountFrom DatabaseAccounts where DatabaseAccounts.name eq name)
+            .fetchOne()
+        assertEquals(1, recordCount)
+    }
+
+    @Test
+    fun getAll_returnsAllRecordsInDb() = runBlocking {
+        // Given
+        val records = listOf(
+            DatabaseAccount("Test account 1"),
+            DatabaseAccount("Test account 2"),
+            DatabaseAccount("Test account 3")
+        )
+        for (account in records) {
+            client!!.insert(account)
+        }
+        // When
+        val result = target!!.getAll()
+
+        // Then
+        assertEquals(3, result.size)
+        val accountNames = result.map { it.name }
+        for (account in result) {
+            assertTrue(accountNames.contains(account.name))
+        }
+    }
+
+    @AfterAll
+    fun cleanUp() {
+        runBlocking {
+            database.client.deleteAllFrom(DatabaseAccounts)
+        }
+    }
+}
\ No newline at end of file
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/DatabaseFixture.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/DatabaseFixture.kt
new file mode 100644
index 0000000..e543cff
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/database/DatabaseFixture.kt
@@ -0,0 +1,29 @@
+package fr.arsenelapostolet.fsa_banking_system.app.database
+
+import fr.arsenelapostolet.fsa_banking_system.app.database.DatabaseAccounts
+import io.r2dbc.spi.ConnectionFactories
+import io.r2dbc.spi.ConnectionFactoryOptions
+import io.r2dbc.spi.ConnectionFactoryOptions.*
+import org.ufoss.kotysa.PostgresqlR2dbcSqlClient
+import org.ufoss.kotysa.r2dbc.coSqlClient
+import org.ufoss.kotysa.tables
+
+class DatabaseFixture {
+
+    val client: PostgresqlR2dbcSqlClient = ConnectionFactories
+        .get(
+            builder()
+                .option(DRIVER, "postgresql")
+                .option(HOST, "localhost")
+                .option(USER, "postgres")
+                .option(PASSWORD, "password")
+                .option(DATABASE, "fsabank")  // optional
+                .build()
+        )
+        .coSqlClient(tables().postgresql(DatabaseAccounts))
+
+    suspend fun migrate() {
+        client createTable DatabaseAccounts
+    }
+
+}
\ No newline at end of file
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/BankingAppTests.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/BankingAppTests.kt
new file mode 100644
index 0000000..55dc5e0
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/BankingAppTests.kt
@@ -0,0 +1,50 @@
+package fr.arsenelapostolet.fsa_banking_system.app.e2e
+
+import com.microsoft.playwright.Page
+import fr.arsenelapostolet.fsa_banking_system.app.e2e.pom.AccountsListPageObjectModel
+import fr.arsenelapostolet.fsa_banking_system.app.e2e.pom.CreateAccountPageObjectModel
+import org.junit.jupiter.api.AfterAll
+import org.junit.jupiter.api.BeforeAll
+import org.junit.jupiter.api.Test
+import org.junit.jupiter.api.TestInstance
+import java.util.*
+import kotlin.test.assertContains
+import kotlin.test.assertEquals
+
+@TestInstance(TestInstance.Lifecycle.PER_CLASS)
+class BankingAppTests {
+
+    private val serverAddress = System.getenv("APP_URL")
+
+    private var page: Page? = null
+    private var playwright: PlaywrightFixture? = null
+
+    @BeforeAll
+    fun setup() {
+        playwright = PlaywrightFixture()
+        page = playwright!!.page;
+    }
+
+    @AfterAll
+    fun cleanUp() {
+        playwright?.close()
+    }
+
+    @Test
+    fun createAccount_addsAccountToAccountList() {
+        // Given
+        val testAccountName = "Test Account ${UUID.randomUUID()}"
+        val createAccountPageObjectModel = CreateAccountPageObjectModel(page!!, serverAddress)
+        createAccountPageObjectModel.goto()
+
+        // When
+        createAccountPageObjectModel.createAccount(testAccountName)
+
+        // Then
+        val accountListPageObjectModel = AccountsListPageObjectModel(page!!, serverAddress)
+        val projects = accountListPageObjectModel.getProjectNames().filter { it == testAccountName }
+
+        assertEquals(1, projects.size)
+        assertContains(projects, testAccountName)
+    }
+}
\ No newline at end of file
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/PlaywrightFixture.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/PlaywrightFixture.kt
new file mode 100644
index 0000000..7d7c7a7
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/PlaywrightFixture.kt
@@ -0,0 +1,41 @@
+package fr.arsenelapostolet.fsa_banking_system.app.e2e
+
+import com.microsoft.playwright.*
+import io.ktor.utils.io.core.*
+import java.nio.file.Paths
+
+
+class PlaywrightFixture : Closeable {
+    private var playwright: Playwright? = null
+    private var browser: Browser? = null
+    private var context: BrowserContext? = null
+
+    var page: Page? = null
+
+    constructor() {
+        playwright = Playwright.create()
+        val isContinuousIntegration = (System.getenv("IS_CI") ?: false.toString()).toBoolean()
+        val browserTypeLaunchOptions = if (isContinuousIntegration)
+            BrowserType.LaunchOptions().setHeadless(true)
+        else BrowserType.LaunchOptions().setHeadless(false).setSlowMo(500.0)
+        browser = playwright!!.firefox().launch(browserTypeLaunchOptions)
+
+        if(!isContinuousIntegration){
+            context = browser!!.newContext(
+                Browser.NewContextOptions()
+                    .setRecordVideoDir(Paths.get("videos"))
+            )
+            page = context!!.newPage()
+        } else {
+            page = browser!!.newPage()
+        }
+
+
+    }
+
+    override fun close() {
+        context?.close()
+        browser?.close()
+        playwright?.close()
+    }
+}
\ No newline at end of file
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/AccountsListPageObjectModel.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/AccountsListPageObjectModel.kt
new file mode 100644
index 0000000..6f78bf0
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/AccountsListPageObjectModel.kt
@@ -0,0 +1,13 @@
+package fr.arsenelapostolet.fsa_banking_system.app.e2e.pom
+
+import com.microsoft.playwright.Page
+
+class AccountsListPageObjectModel(page: Page, baseAppUrl: String) : PageObjectModel(page, baseAppUrl) {
+    fun getProjectNames(): List<String> {
+        return page.querySelectorAll("td:first-child").map { it.innerText() }
+
+    }
+
+    override val path: String
+        get() = "/accounts"
+}
\ No newline at end of file
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/CreateAccountPageObjectModel.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/CreateAccountPageObjectModel.kt
new file mode 100644
index 0000000..6812278
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/CreateAccountPageObjectModel.kt
@@ -0,0 +1,13 @@
+package fr.arsenelapostolet.fsa_banking_system.app.e2e.pom
+
+import com.microsoft.playwright.Page
+
+class CreateAccountPageObjectModel(page: Page, baseAppUrl: String) : PageObjectModel(page, baseAppUrl) {
+    override val path: String
+        get() = "/accounts/create"
+
+    fun createAccount(name: String){
+        page.fill("""input[type="text"][ name="holderName"]""", name)
+        page.click("""input[type="submit"]""")
+    }
+}
\ No newline at end of file
diff --git a/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/PageObjectModel.kt b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/PageObjectModel.kt
new file mode 100644
index 0000000..e6696c1
--- /dev/null
+++ b/web/src/test/kotlin/fr/arsenelapostolet/fsa_banking_system/app/e2e/pom/PageObjectModel.kt
@@ -0,0 +1,13 @@
+package fr.arsenelapostolet.fsa_banking_system.app.e2e.pom
+
+import com.microsoft.playwright.Page
+
+abstract class PageObjectModel(val page: Page, val baseAppUrl: String) {
+
+    abstract val path: String
+
+    fun goto(){
+        page.navigate("$baseAppUrl$path")
+    }
+
+}
\ No newline at end of file