diff --git a/app/Console/Commands/SetupDummyAccount.php b/app/Console/Commands/SetupDummyAccount.php
index c7027e652..7eb554775 100644
--- a/app/Console/Commands/SetupDummyAccount.php
+++ b/app/Console/Commands/SetupDummyAccount.php
@@ -5,6 +5,7 @@ namespace App\Console\Commands;
 use App\Contact\ManageContact\Services\CreateContact;
 use App\Contact\ManageContactImportantDates\Services\CreateContactImportantDate;
 use App\Contact\ManageNotes\Services\CreateNote;
+use App\Contact\ManageTasks\Services\CreateContactTask;
 use App\Models\Contact;
 use App\Models\ContactImportantDate;
 use App\Models\User;
@@ -57,6 +58,7 @@ class SetupDummyAccount extends Command
         $this->createVaults();
         $this->createContacts();
         $this->createNotes();
+        $this->createTasks();
         $this->stop();
     }
 
@@ -189,6 +191,24 @@ class SetupDummyAccount extends Command
         }
     }
 
+    private function createTasks(): void
+    {
+        $this->info('☐ Create tasks');
+
+        foreach (Contact::all() as $contact) {
+            for ($i = 0; $i < 4; $i++) {
+                (new CreateContactTask)->execute([
+                    'account_id' => $this->user->account_id,
+                    'author_id' => $this->user->id,
+                    'vault_id' => $contact->vault_id,
+                    'contact_id' => $contact->id,
+                    'label' => $this->faker->sentence(rand(3, 6)),
+                    'description' => null,
+                ]);
+            }
+        }
+    }
+
     private function artisan(string $message, string $command, array $arguments = []): void
     {
         $this->info($message);
diff --git a/app/Jobs/SetupAccount.php b/app/Jobs/SetupAccount.php
index dca39b41f..bc2d5b23f 100644
--- a/app/Jobs/SetupAccount.php
+++ b/app/Jobs/SetupAccount.php
@@ -363,6 +363,22 @@ class SetupAccount implements ShouldQueue
             'template_page_id' => $templatePageInformation->id,
             'module_id' => $module->id,
         ]);
+
+        // Calls
+        $module = (new CreateModule)->execute([
+            'account_id' => $this->user->account_id,
+            'author_id' => $this->user->id,
+            'name' => trans('app.module_calls'),
+            'type' => Module::TYPE_CALLS,
+            'can_be_deleted' => false,
+        ]);
+        (new AssociateModuleToTemplatePage)->execute([
+            'account_id' => $this->user->account_id,
+            'author_id' => $this->user->id,
+            'template_id' => $this->template->id,
+            'template_page_id' => $templatePageInformation->id,
+            'module_id' => $module->id,
+        ]);
     }
 
     private function addFirstInformation(): void
diff --git a/app/Models/Call.php b/app/Models/Call.php
new file mode 100644
index 000000000..197ff6ae2
--- /dev/null
+++ b/app/Models/Call.php
@@ -0,0 +1,88 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+use Illuminate\Database\Eloquent\Relations\BelongsTo;
+
+class Call extends Model
+{
+    use HasFactory;
+
+    protected $table = 'calls';
+
+    /**
+     * Possible type.
+     */
+    const TYPE_AUDIO = 'audio';
+    const TYPE_VIDEO = 'video';
+    const INITIATOR_ME = 'me';
+    const INITIATOR_CONTACT = 'contact';
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array
+     */
+    protected $fillable = [
+        'contact_id',
+        'call_reason_id',
+        'author_id',
+        'author_name',
+        'called_at',
+        'duration',
+        'type',
+        'answered',
+        'who_initiated',
+        'description',
+    ];
+
+    /**
+     * The attributes that should be cast to native types.
+     *
+     * @var array
+     */
+    protected $casts = [
+        'answered' => 'boolean',
+    ];
+
+    /**
+     * The attributes that should be mutated to dates.
+     *
+     * @var array
+     */
+    protected $dates = [
+        'called_at',
+    ];
+
+    /**
+     * Get the contact associated with the call.
+     *
+     * @return BelongsTo
+     */
+    public function contact()
+    {
+        return $this->belongsTo(Contact::class);
+    }
+
+    /**
+     * Get the author associated with the call.
+     *
+     * @return BelongsTo
+     */
+    public function author()
+    {
+        return $this->belongsTo(User::class);
+    }
+
+    /**
+     * Get the call reason associated with the call.
+     *
+     * @return BelongsTo
+     */
+    public function callReason()
+    {
+        return $this->belongsTo(CallReason::class, 'call_reason_id');
+    }
+}
diff --git a/app/Models/Contact.php b/app/Models/Contact.php
index bd32623d8..167cf0698 100644
--- a/app/Models/Contact.php
+++ b/app/Models/Contact.php
@@ -269,6 +269,16 @@ class Contact extends Model
         return $this->hasMany(ContactTask::class);
     }
 
+    /**
+     * Get the calls associated with the contact.
+     *
+     * @return HasMany
+     */
+    public function calls()
+    {
+        return $this->hasMany(Call::class);
+    }
+
     /**
      * Get the name of the contact, according to the user preference.
      *
diff --git a/app/Models/Module.php b/app/Models/Module.php
index 42c0e6d1a..bd53492a0 100644
--- a/app/Models/Module.php
+++ b/app/Models/Module.php
@@ -27,6 +27,7 @@ class Module extends Model
     const TYPE_LOANS = 'loans';
     const TYPE_RELATIONSHIPS = 'relationships';
     const TYPE_TASKS = 'tasks';
+    const TYPE_CALLS = 'calls';
 
     /**
      * The attributes that are mass assignable.
diff --git a/database/factories/CallFactory.php b/database/factories/CallFactory.php
new file mode 100644
index 000000000..6c739b036
--- /dev/null
+++ b/database/factories/CallFactory.php
@@ -0,0 +1,40 @@
+<?php
+
+namespace Database\Factories;
+
+use App\Models\Call;
+use App\Models\CallReason;
+use App\Models\Contact;
+use App\Models\User;
+use Illuminate\Database\Eloquent\Factories\Factory;
+
+class CallFactory extends Factory
+{
+    /**
+     * The name of the factory's corresponding model.
+     *
+     * @var string
+     */
+    protected $model = Call::class;
+
+    /**
+     * Define the model's default state.
+     *
+     * @return array
+     */
+    public function definition()
+    {
+        return [
+            'contact_id' => Contact::factory(),
+            'author_id' => User::factory(),
+            'call_reason_id' => CallReason::factory(),
+            'author_name' => $this->faker->name,
+            'called_at' => $this->faker->dateTimeThisCentury(),
+            'duration' => 100,
+            'type' => Call::TYPE_AUDIO,
+            'answered' => true,
+            'who_initiated' => Call::INITIATOR_ME,
+            'description' => $this->faker->sentence,
+        ];
+    }
+}
diff --git a/database/migrations/2022_05_16_193917_create_calls_table.php b/database/migrations/2022_05_16_193917_create_calls_table.php
new file mode 100644
index 000000000..8e695c670
--- /dev/null
+++ b/database/migrations/2022_05_16_193917_create_calls_table.php
@@ -0,0 +1,47 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        // necessary for SQLlite
+        Schema::enableForeignKeyConstraints();
+
+        Schema::create('calls', function (Blueprint $table) {
+            $table->id();
+            $table->unsignedBigInteger('contact_id');
+            $table->unsignedBigInteger('call_reason_id')->nullable();
+            $table->unsignedBigInteger('author_id')->nullable();
+            $table->string('author_name');
+            $table->datetime('called_at');
+            $table->integer('duration')->nullable();
+            $table->string('type');
+            $table->text('description')->nullable();
+            $table->boolean('answered')->default(true);
+            $table->string('who_initiated');
+            $table->timestamps();
+            $table->foreign('contact_id')->references('id')->on('contacts')->onDelete('cascade');
+            $table->foreign('call_reason_id')->references('id')->on('call_reasons')->onDelete('cascade');
+            $table->foreign('author_id')->references('id')->on('users')->onDelete('set null');
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('calls');
+    }
+};
diff --git a/domains/Contact/ManageCalls/Services/CreateCall.php b/domains/Contact/ManageCalls/Services/CreateCall.php
new file mode 100644
index 000000000..e9a37404d
--- /dev/null
+++ b/domains/Contact/ManageCalls/Services/CreateCall.php
@@ -0,0 +1,97 @@
+<?php
+
+namespace App\Contact\ManageCalls\Services;
+
+use App\Interfaces\ServiceInterface;
+use App\Models\Call;
+use App\Models\CallReason;
+use App\Services\BaseService;
+use Carbon\Carbon;
+
+class CreateCall extends BaseService implements ServiceInterface
+{
+    private Call $call;
+    private CallReason $callReason;
+    private array $data;
+
+    /**
+     * Get the validation rules that apply to the service.
+     *
+     * @return array
+     */
+    public function rules(): array
+    {
+        return [
+            'account_id' => 'required|integer|exists:accounts,id',
+            'vault_id' => 'required|integer|exists:vaults,id',
+            'author_id' => 'required|integer|exists:users,id',
+            'contact_id' => 'required|integer|exists:contacts,id',
+            'call_reason_id' => 'nullable|integer|exists:call_reasons,id',
+            'called_at' => 'required|date_format:Y-m-d',
+            'duration' => 'nullable|integer',
+            'description' => 'nullable|string|max:65535',
+            'type' => 'required|string',
+            'answered' => 'nullable|boolean',
+            'who_initiated' => 'required|string',
+        ];
+    }
+
+    /**
+     * Get the permissions that apply to the user calling the service.
+     *
+     * @return array
+     */
+    public function permissions(): array
+    {
+        return [
+            'author_must_belong_to_account',
+            'vault_must_belong_to_account',
+            'author_must_be_vault_editor',
+            'contact_must_belong_to_vault',
+        ];
+    }
+
+    /**
+     * Create a call.
+     *
+     * @param  array  $data
+     * @return Call
+     */
+    public function execute(array $data): Call
+    {
+        $this->data = $data;
+        $this->validate();
+
+        $this->createCall();
+        $this->updateLastEditedDate();
+
+        return $this->call;
+    }
+
+    private function validate(): void
+    {
+        $this->validateRules($this->data);
+    }
+
+    private function createCall(): void
+    {
+        $this->call = Call::create([
+            'contact_id' => $this->data['contact_id'],
+            'author_id' => $this->author->id,
+            'author_name' => $this->author->name,
+            'called_at' => $this->data['called_at'],
+            'duration' => $this->valueOrNull($this->data, 'duration'),
+            'call_reason_id' => $this->valueOrNull($this->data, 'call_reason_id'),
+            'description' => $this->valueOrNull($this->data, 'description'),
+            'type' => $this->data['type'],
+            'answered' => $this->valueOrTrue($this->data, 'answered'),
+            'who_initiated' => $this->data['who_initiated'],
+        ]);
+    }
+
+    private function updateLastEditedDate(): void
+    {
+        $this->contact->last_updated_at = Carbon::now();
+        $this->contact->save();
+    }
+}
diff --git a/domains/Contact/ManageCalls/Services/DestroyCall.php b/domains/Contact/ManageCalls/Services/DestroyCall.php
new file mode 100644
index 000000000..0e9a5f562
--- /dev/null
+++ b/domains/Contact/ManageCalls/Services/DestroyCall.php
@@ -0,0 +1,62 @@
+<?php
+
+namespace App\Contact\ManageCalls\Services;
+
+use App\Interfaces\ServiceInterface;
+use App\Models\Call;
+use App\Services\BaseService;
+use Carbon\Carbon;
+
+class DestroyCall extends BaseService implements ServiceInterface
+{
+    private Call $call;
+
+    /**
+     * Get the validation rules that apply to the service.
+     *
+     * @return array
+     */
+    public function rules(): array
+    {
+        return [
+            'account_id' => 'required|integer|exists:accounts,id',
+            'vault_id' => 'required|integer|exists:vaults,id',
+            'author_id' => 'required|integer|exists:users,id',
+            'contact_id' => 'required|integer|exists:contacts,id',
+            'call_id' => 'required|integer|exists:calls,id',
+        ];
+    }
+
+    /**
+     * Get the permissions that apply to the user calling the service.
+     *
+     * @return array
+     */
+    public function permissions(): array
+    {
+        return [
+            'author_must_belong_to_account',
+            'vault_must_belong_to_account',
+            'contact_must_belong_to_vault',
+            'author_must_be_vault_editor',
+        ];
+    }
+
+    /**
+     * Destroy a call.
+     *
+     * @param  array  $data
+     */
+    public function execute(array $data): void
+    {
+        $this->validateRules($data);
+
+        $this->call = Call::where('contact_id', $data['contact_id'])
+            ->findOrFail($data['call_id']);
+
+        $this->call->delete();
+
+        $this->contact->last_updated_at = Carbon::now();
+        $this->contact->save();
+    }
+}
diff --git a/domains/Contact/ManageCalls/Services/UpdateCall.php b/domains/Contact/ManageCalls/Services/UpdateCall.php
new file mode 100644
index 000000000..a192f9499
--- /dev/null
+++ b/domains/Contact/ManageCalls/Services/UpdateCall.php
@@ -0,0 +1,83 @@
+<?php
+
+namespace App\Contact\ManageCalls\Services;
+
+use App\Interfaces\ServiceInterface;
+use App\Models\Call;
+use App\Services\BaseService;
+use Carbon\Carbon;
+
+class UpdateCall extends BaseService implements ServiceInterface
+{
+    private array $data;
+
+    /**
+     * Get the validation rules that apply to the service.
+     *
+     * @return array
+     */
+    public function rules(): array
+    {
+        return [
+            'account_id' => 'required|integer|exists:accounts,id',
+            'vault_id' => 'required|integer|exists:vaults,id',
+            'author_id' => 'required|integer|exists:users,id',
+            'contact_id' => 'required|integer|exists:contacts,id',
+            'call_id' => 'required|integer|exists:calls,id',
+            'call_reason_id' => 'nullable|integer|exists:call_reasons,id',
+            'called_at' => 'required|date_format:Y-m-d',
+            'duration' => 'nullable|integer',
+            'type' => 'required|string',
+            'answered' => 'nullable|boolean',
+            'who_initiated' => 'required|string',
+        ];
+    }
+
+    /**
+     * Get the permissions that apply to the user calling the service.
+     *
+     * @return array
+     */
+    public function permissions(): array
+    {
+        return [
+            'author_must_belong_to_account',
+            'vault_must_belong_to_account',
+            'contact_must_belong_to_vault',
+            'author_must_be_vault_editor',
+        ];
+    }
+
+    /**
+     * Update a call.
+     *
+     * @param  array  $data
+     * @return Call
+     */
+    public function execute(array $data): Call
+    {
+        $this->data = $data;
+        $this->validate();
+
+        $call = Call::where('contact_id', $data['contact_id'])
+            ->findOrFail($data['call_id']);
+
+        $call->called_at = $data['called_at'];
+        $call->duration = $this->valueOrNull($data, 'duration');
+        $call->call_reason_id = $this->valueOrNull($data, 'call_reason_id');
+        $call->type = $data['type'];
+        $call->answered = $this->valueOrTrue($data, 'answered');
+        $call->who_initiated = $data['who_initiated'];
+        $call->save();
+
+        $this->contact->last_updated_at = Carbon::now();
+        $this->contact->save();
+
+        return $call;
+    }
+
+    private function validate(): void
+    {
+        $this->validateRules($this->data);
+    }
+}
diff --git a/domains/Contact/ManageCalls/Web/Controllers/ContactModuleCallController.php b/domains/Contact/ManageCalls/Web/Controllers/ContactModuleCallController.php
new file mode 100644
index 000000000..2cef4cdab
--- /dev/null
+++ b/domains/Contact/ManageCalls/Web/Controllers/ContactModuleCallController.php
@@ -0,0 +1,133 @@
+<?php
+
+namespace App\Contact\ManageCalls\Web\Controllers;
+
+use App\Contact\ManageCalls\Services\CreateCall;
+use App\Contact\ManageCalls\Services\DestroyCall;
+use App\Contact\ManageCalls\Services\UpdateCall;
+use App\Contact\ManageCalls\Web\ViewHelpers\ModuleCallsViewHelper;
+use App\Http\Controllers\Controller;
+use App\Models\Contact;
+use Carbon\Carbon;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Auth;
+
+class ContactModuleCallController extends Controller
+{
+    public function store(Request $request, int $vaultId, int $contactId)
+    {
+        $carbonDate = Carbon::parse($request->input('called_at'));
+
+        switch ($request->input('who_initiated')) {
+            case 'contact_not_answered':
+                $whoInitiated = 'contact';
+                $answered = false;
+                break;
+
+            case 'me_not_answered':
+                $whoInitiated = 'me';
+                $answered = false;
+                break;
+
+            case 'contact':
+                $whoInitiated = 'contact';
+                $answered = true;
+                break;
+
+            case 'me':
+                $whoInitiated = 'me';
+                $answered = true;
+                break;
+        }
+
+        $data = [
+            'account_id' => Auth::user()->account_id,
+            'author_id' => Auth::user()->id,
+            'vault_id' => $vaultId,
+            'contact_id' => $contactId,
+            'call_reason_id' => $request->input('call_reason_id') == 0 ? null : $request->input('call_reason_id'),
+            'called_at' => $carbonDate->format('Y-m-d'),
+            'duration' => $request->input('duration'),
+            'description' => $request->input('description'),
+            'type' => $request->input('type'),
+            'answered' => $answered,
+            'who_initiated' => $whoInitiated,
+        ];
+
+        $call = (new CreateCall)->execute($data);
+        $contact = Contact::find($contactId);
+
+        return response()->json([
+            'data' => ModuleCallsViewHelper::dto($contact, $call, Auth::user()),
+        ], 201);
+    }
+
+    public function update(Request $request, int $vaultId, int $contactId, int $callId)
+    {
+        $carbonDate = Carbon::parse($request->input('called_at'));
+
+        switch ($request->input('who_initiated')) {
+            case 'contact_not_answered':
+                $whoInitiated = 'contact';
+                $answered = false;
+                break;
+
+            case 'me_not_answered':
+                $whoInitiated = 'me';
+                $answered = false;
+                break;
+
+            case 'contact':
+                $whoInitiated = 'contact';
+                $answered = true;
+                break;
+
+            case 'me':
+                $whoInitiated = 'me';
+                $answered = true;
+                break;
+
+            default:
+                break;
+        }
+
+        $data = [
+            'account_id' => Auth::user()->account_id,
+            'author_id' => Auth::user()->id,
+            'vault_id' => $vaultId,
+            'contact_id' => $contactId,
+            'call_id' => $callId,
+            'call_reason_id' => $request->input('call_reason_id') == 0 ? null : $request->input('call_reason_id'),
+            'called_at' => $carbonDate->format('Y-m-d'),
+            'duration' => $request->input('duration'),
+            'description' => $request->input('description'),
+            'type' => $request->input('type'),
+            'answered' => $answered,
+            'who_initiated' => $whoInitiated,
+        ];
+
+        $call = (new UpdateCall())->execute($data);
+        $contact = Contact::find($contactId);
+
+        return response()->json([
+            'data' => ModuleCallsViewHelper::dto($contact, $call, Auth::user()),
+        ], 200);
+    }
+
+    public function destroy(Request $request, int $vaultId, int $contactId, int $callId)
+    {
+        $data = [
+            'account_id' => Auth::user()->account_id,
+            'author_id' => Auth::user()->id,
+            'vault_id' => $vaultId,
+            'contact_id' => $contactId,
+            'call_id' => $callId,
+        ];
+
+        (new DestroyCall())->execute($data);
+
+        return response()->json([
+            'data' => true,
+        ], 200);
+    }
+}
diff --git a/domains/Contact/ManageCalls/Web/ViewHelpers/ModuleCallsViewHelper.php b/domains/Contact/ManageCalls/Web/ViewHelpers/ModuleCallsViewHelper.php
new file mode 100644
index 000000000..fb19a8eb6
--- /dev/null
+++ b/domains/Contact/ManageCalls/Web/ViewHelpers/ModuleCallsViewHelper.php
@@ -0,0 +1,85 @@
+<?php
+
+namespace App\Contact\ManageCalls\Web\ViewHelpers;
+
+use App\Helpers\DateHelper;
+use App\Models\Call;
+use App\Models\Contact;
+use App\Models\User;
+
+class ModuleCallsViewHelper
+{
+    public static function data(Contact $contact, User $user): array
+    {
+        $callsCollection = $contact->calls()
+            ->orderBy('called_at', 'desc')
+            ->get()
+            ->map(function ($call) use ($contact, $user) {
+                return self::dto($contact, $call, $user);
+            });
+
+        $callReasonTypes = $contact->vault->account->callReasonTypes()
+            ->with('callReasons')
+            ->get();
+
+        $callReasonTypesCollection = collect();
+        foreach ($callReasonTypes as $callReasonType) {
+            $callReasons = $callReasonType->callReasons;
+
+            $callReasonsCollection = collect();
+            foreach ($callReasons as $callReason) {
+                $callReasonsCollection->push([
+                    'id' => $callReason->id,
+                    'label' => $callReason->label,
+                ]);
+            }
+
+            $callReasonTypesCollection->push([
+                'id' => $callReasonType->id,
+                'label' => $callReasonType->label,
+                'reasons' => $callReasonsCollection,
+            ]);
+        }
+
+        return [
+            'contact_name' => $contact->getName($user),
+            'calls' => $callsCollection,
+            'call_reason_types' => $callReasonTypesCollection,
+            'url' => [
+                'store' => route('contact.call.store', [
+                    'vault' => $contact->vault_id,
+                    'contact' => $contact->id,
+                ]),
+            ],
+        ];
+    }
+
+    public static function dto(Contact $contact, Call $call, User $user): array
+    {
+        return [
+            'id' => $call->id,
+            'called_at' => DateHelper::format($call->called_at, $user),
+            'duration' => $call->duration,
+            'description' => $call->description,
+            'who_initiated' => $call->who_initiated,
+            'type' => $call->type,
+            'answered' => $call->answered,
+            'reason' => $call->callReason ? [
+                'id' => $call->callReason->id,
+                'label' => $call->callReason->label,
+            ] : null,
+            'url' => [
+                'update' => route('contact.call.update', [
+                    'vault' => $contact->vault_id,
+                    'contact' => $contact->id,
+                    'call' => $call->id,
+                ]),
+                'destroy' => route('contact.call.destroy', [
+                    'vault' => $contact->vault_id,
+                    'contact' => $contact->id,
+                    'call' => $call->id,
+                ]),
+            ],
+        ];
+    }
+}
diff --git a/domains/Contact/ManageContact/Web/ViewHelpers/ContactShowViewHelper.php b/domains/Contact/ManageContact/Web/ViewHelpers/ContactShowViewHelper.php
index e1f59f719..98fe7d90b 100644
--- a/domains/Contact/ManageContact/Web/ViewHelpers/ContactShowViewHelper.php
+++ b/domains/Contact/ManageContact/Web/ViewHelpers/ContactShowViewHelper.php
@@ -3,6 +3,7 @@
 namespace App\Contact\ManageContact\Web\ViewHelpers;
 
 use App\Contact\ManageAvatar\Web\ViewHelpers\ModuleAvatarViewHelper;
+use App\Contact\ManageCalls\Web\ViewHelpers\ModuleCallsViewHelper;
 use App\Contact\ManageContactFeed\Web\ViewHelpers\ModuleFeedViewHelper;
 use App\Contact\ManageContactImportantDates\Web\ViewHelpers\ModuleImportantDatesViewHelper;
 use App\Contact\ManageContactName\Web\ViewHelpers\ModuleContactNameViewHelper;
@@ -173,6 +174,10 @@ class ContactShowViewHelper
                 $data = ModuleContactTasksViewHelper::data($contact, $user);
             }
 
+            if ($module->type == Module::TYPE_CALLS) {
+                $data = ModuleCallsViewHelper::data($contact, $user);
+            }
+
             $modulesCollection->push([
                 'id' => $module->id,
                 'type' => $module->type,
diff --git a/resources/js/Pages/Vault/Contact/Show.vue b/resources/js/Pages/Vault/Contact/Show.vue
index f2a086a9b..d255715b7 100644
--- a/resources/js/Pages/Vault/Contact/Show.vue
+++ b/resources/js/Pages/Vault/Contact/Show.vue
@@ -97,6 +97,8 @@
                 <relationships v-if="module.type == 'relationships'" :data="relationships" />
 
                 <tasks v-if="module.type == 'tasks'" :data="tasks" />
+
+                <calls v-if="module.type == 'calls'" :data="calls" />
               </div>
             </div>
           </div>
@@ -120,6 +122,7 @@ import Loans from '@/Shared/Modules/Loans';
 import JobInformation from '@/Shared/Modules/JobInformation';
 import Relationships from '@/Shared/Modules/Relationships';
 import Tasks from '@/Shared/Modules/Tasks';
+import Calls from '@/Shared/Modules/Calls';
 
 export default {
   components: {
@@ -136,6 +139,7 @@ export default {
     JobInformation,
     Relationships,
     Tasks,
+    Calls,
   },
 
   props: {
@@ -163,6 +167,7 @@ export default {
       jobInformation: [],
       relationships: [],
       tasks: [],
+      calls: [],
     };
   },
 
@@ -228,6 +233,10 @@ export default {
       if (this.data.modules.findIndex((x) => x.type == 'tasks') > -1) {
         this.tasks = this.data.modules[this.data.modules.findIndex((x) => x.type == 'tasks')].data;
       }
+
+      if (this.data.modules.findIndex((x) => x.type == 'calls') > -1) {
+        this.calls = this.data.modules[this.data.modules.findIndex((x) => x.type == 'calls')].data;
+      }
     }
   },
 
diff --git a/resources/js/Shared/Modules/Calls.vue b/resources/js/Shared/Modules/Calls.vue
new file mode 100644
index 000000000..1dc830fe2
--- /dev/null
+++ b/resources/js/Shared/Modules/Calls.vue
@@ -0,0 +1,615 @@
+<style lang="scss" scoped>
+.icon-sidebar {
+  color: #737e8d;
+  top: -2px;
+}
+
+.item-list {
+  &:hover:first-child {
+    border-top-left-radius: 8px;
+    border-top-right-radius: 8px;
+  }
+
+  &:last-child {
+    border-bottom: 0;
+  }
+
+  &:hover:last-child {
+    border-bottom-left-radius: 8px;
+    border-bottom-right-radius: 8px;
+  }
+}
+</style>
+
+<template>
+  <div class="mb-10">
+    <!-- title + cta -->
+    <div class="mb-3 items-center justify-between border-b border-gray-200 pb-2 sm:flex">
+      <div class="mb-2 sm:mb-0">
+        <span class="relative mr-1">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            class="icon-sidebar relative inline h-4 w-4"
+            fill="none"
+            viewBox="0 0 24 24"
+            stroke="currentColor"
+            stroke-width="2">
+            <path
+              stroke-linecap="round"
+              stroke-linejoin="round"
+              d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+          </svg>
+        </span>
+
+        <span class="font-semibold">Calls</span>
+      </div>
+      <pretty-span @click="showCreateCallModal()" :text="'Log a call'" :icon="'plus'" :classes="'sm:w-fit w-full'" />
+    </div>
+
+    <!-- add a call modal -->
+    <form v-if="createCallModalShown" class="bg-form mb-6 rounded-lg border border-gray-200" @submit.prevent="submit()">
+      <div>
+        <div v-if="form.errors.length > 0" class="p-5">
+          <errors :errors="form.errors" />
+        </div>
+
+        <!-- date -->
+        <div class="flex border-b border-gray-200">
+          <div class="p-5">
+            <p class="mb-2 block text-sm">When did the call happened?</p>
+            <v-date-picker class="inline-block h-full" v-model="form.called_at" :model-config="modelConfig">
+              <template v-slot="{ inputValue, inputEvents }">
+                <input class="rounded border bg-white px-2 py-1" :value="inputValue" v-on="inputEvents" />
+              </template>
+            </v-date-picker>
+          </div>
+
+          <!-- audio or video -->
+          <div class="border-l border-gray-200 p-5">
+            <p class="mb-2 block text-sm">Nature of the call</p>
+
+            <div class="flex">
+              <div class="mr-6 flex items-center">
+                <input
+                  id="audio"
+                  v-model="form.type"
+                  value="audio"
+                  name="type"
+                  type="radio"
+                  class="h-4 w-4 border-gray-300 text-sky-500" />
+                <label for="audio" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                  This was an audio-only call
+                </label>
+              </div>
+
+              <div class="flex items-center">
+                <input
+                  id="video"
+                  v-model="form.type"
+                  value="video"
+                  name="type"
+                  type="radio"
+                  class="h-4 w-4 border-gray-300 text-sky-500" />
+                <label for="video" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                  This was a video call
+                </label>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- who called -->
+        <div class="border-b border-gray-200 p-5">
+          <p class="mb-2 block text-sm">Who called?</p>
+
+          <div class="mb-4 flex">
+            <div class="mr-6 flex items-center">
+              <input
+                id="me"
+                v-model="form.who_initiated"
+                value="me"
+                name="who_initiated"
+                type="radio"
+                class="h-4 w-4 border-gray-300 text-sky-500" />
+              <label for="me" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700"> I called </label>
+            </div>
+
+            <div class="flex items-center">
+              <input
+                id="me_not_answered"
+                v-model="form.who_initiated"
+                value="me_not_answered"
+                name="who_initiated"
+                type="radio"
+                class="h-4 w-4 border-gray-300 text-sky-500" />
+              <label for="me_not_answered" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                I called, but {{ data.contact_name }} didn't answer
+              </label>
+            </div>
+          </div>
+
+          <div class="flex">
+            <div class="mr-6 flex items-center">
+              <input
+                id="contact"
+                v-model="form.who_initiated"
+                value="contact"
+                name="who_initiated"
+                type="radio"
+                class="h-4 w-4 border-gray-300 text-sky-500" />
+              <label for="contact" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                {{ data.contact_name }} called
+              </label>
+            </div>
+
+            <div class="flex items-center">
+              <input
+                id="contact_not_answered"
+                v-model="form.who_initiated"
+                value="contact_not_answered"
+                name="who_initiated"
+                type="radio"
+                class="h-4 w-4 border-gray-300 text-sky-500" />
+              <label for="contact_not_answered" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                {{ data.contact_name }} called, but I didn't answer
+              </label>
+            </div>
+          </div>
+        </div>
+
+        <!-- description field -->
+        <div v-if="descriptionFieldShown" class="border-b border-gray-200 p-5">
+          <text-area
+            v-model="form.description"
+            :label="'Description'"
+            :rows="10"
+            :required="false"
+            :maxlength="65535"
+            :textarea-class="'block w-full mb-3'" />
+        </div>
+
+        <!-- reason field -->
+        <div v-if="reasonFieldShown" class="border-b border-gray-200 p-5">
+          <p class="mb-2 block text-sm">Was there a reason for the call?</p>
+          <select
+            v-model="form.call_reason_id"
+            name="types"
+            id="types"
+            class="w-full rounded-md border-gray-300 bg-white py-2 px-3 shadow-sm focus:border-indigo-300 focus:outline-none focus:ring focus:ring-indigo-200 focus:ring-opacity-50 sm:text-sm">
+            <optgroup
+              v-for="callReasonType in data.call_reason_types"
+              :key="callReasonType.id"
+              :label="callReasonType.label">
+              <option v-for="reason in callReasonType.reasons" :key="reason.id" :value="reason.id">
+                {{ reason.label }}
+              </option>
+            </optgroup>
+          </select>
+        </div>
+
+        <!-- options -->
+        <div class="border-b border-gray-200 p-5">
+          <!-- cta to add a description -->
+          <span
+            v-if="!descriptionFieldShown"
+            class="mr-2 inline-block cursor-pointer rounded-lg border bg-slate-200 px-1 py-1 text-xs hover:bg-slate-300"
+            @click="showDescriptionField">
+            + add description
+          </span>
+
+          <!-- cta to add a reason -->
+          <span
+            v-if="!reasonFieldShown"
+            class="mr-2 inline-block cursor-pointer rounded-lg border bg-slate-200 px-1 py-1 text-xs hover:bg-slate-300"
+            @click="showReasonField">
+            + add reason
+          </span>
+
+          <!-- cta to add emotion -->
+          <span
+            v-if="!emotionFieldShown"
+            class="inline-block cursor-pointer rounded-lg border bg-slate-200 px-1 py-1 text-xs hover:bg-slate-300"
+            @click="showEmotionField">
+            + add emotion
+          </span>
+        </div>
+      </div>
+
+      <div class="flex justify-between p-5">
+        <pretty-span :text="'Cancel'" :classes="'mr-3'" @click="createCallModalShown = false" />
+        <pretty-button :text="'Add date'" :state="loadingState" :icon="'plus'" :classes="'save'" />
+      </div>
+    </form>
+
+    <!-- calls -->
+    <ul v-if="localCalls.length > 0" class="mb-2 rounded-lg border border-gray-200 bg-white">
+      <li v-for="call in localCalls" :key="call.id" class="item-list border-b border-gray-200 hover:bg-slate-50">
+        <div v-if="editedCallId !== call.id" class="flex items-center justify-between p-3">
+          <div class="flex items-center">
+            <div>
+              <!-- icon phone cancel -->
+              <svg
+                v-if="!call.answered"
+                xmlns="http://www.w3.org/2000/svg"
+                class="mr-2 h-4 w-4 text-red-500"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+                stroke-width="2">
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M16 8l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2M5 3a2 2 0 00-2 2v1c0 8.284 6.716 15 15 15h1a2 2 0 002-2v-3.28a1 1 0 00-.684-.948l-4.493-1.498a1 1 0 00-1.21.502l-1.13 2.257a11.042 11.042 0 01-5.516-5.517l2.257-1.128a1 1 0 00.502-1.21L9.228 3.683A1 1 0 008.279 3H5z" />
+              </svg>
+
+              <!-- call accepted -->
+              <svg
+                v-if="call.answered"
+                xmlns="http://www.w3.org/2000/svg"
+                class="mr-2 h-4 w-4 text-green-600"
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+                stroke-width="2">
+                <path
+                  stroke-linecap="round"
+                  stroke-linejoin="round"
+                  d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z" />
+              </svg>
+            </div>
+
+            <span class="mr-2 text-sm text-gray-500">{{ call.called_at }}</span>
+
+            <!-- who called -->
+            <span
+              v-if="call.who_initiated == 'me'"
+              class="mr-2 rounded border border-neutral-200 py-1 px-2 text-xs font-semibold text-neutral-800">
+              I called
+            </span>
+            <span
+              v-else
+              class="mr-2 rounded border border-neutral-200 py-1 px-2 text-xs font-semibold text-neutral-800">
+              {{ data.contact_name }} called
+            </span>
+
+            <!-- reason, if defined -->
+            <span v-if="call.reason">{{ call.reason.label }}</span>
+          </div>
+
+          <hover-menu :show-edit="true" :show-delete="true" @edit="showUpdateCallModal(call)" @delete="destroy(call)" />
+        </div>
+
+        <!-- edit call -->
+        <form v-if="editedCallId === call.id" class="bg-form" @submit.prevent="update(call)">
+          <errors :errors="form.errors" />
+
+          <div class="border-b border-gray-200">
+            <!-- date -->
+            <div class="flex border-b border-gray-200">
+              <div class="p-5">
+                <p class="mb-2 block text-sm">When did the call happened?</p>
+                <v-date-picker class="inline-block h-full" v-model="form.called_at" :model-config="modelConfig">
+                  <template v-slot="{ inputValue, inputEvents }">
+                    <input class="rounded border bg-white px-2 py-1" :value="inputValue" v-on="inputEvents" />
+                  </template>
+                </v-date-picker>
+              </div>
+
+              <!-- audio or video -->
+              <div class="border-l border-gray-200 p-5">
+                <p class="mb-2 block text-sm">Nature of the call</p>
+
+                <div class="flex">
+                  <div class="mr-6 flex items-center">
+                    <input
+                      id="audio"
+                      v-model="form.type"
+                      value="audio"
+                      name="type"
+                      type="radio"
+                      class="h-4 w-4 border-gray-300 text-sky-500" />
+                    <label for="audio" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                      This was an audio-only call
+                    </label>
+                  </div>
+
+                  <div class="flex items-center">
+                    <input
+                      id="video"
+                      v-model="form.type"
+                      value="video"
+                      name="type"
+                      type="radio"
+                      class="h-4 w-4 border-gray-300 text-sky-500" />
+                    <label for="video" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                      This was a video call
+                    </label>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- who called -->
+            <div class="border-b border-gray-200 p-5">
+              <p class="mb-2 block text-sm">Who called?</p>
+
+              <div class="mb-4 flex">
+                <div class="mr-6 flex items-center">
+                  <input
+                    id="me"
+                    v-model="form.who_initiated"
+                    value="me"
+                    name="who_initiated"
+                    type="radio"
+                    class="h-4 w-4 border-gray-300 text-sky-500" />
+                  <label for="me" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700"> I called </label>
+                </div>
+
+                <div class="flex items-center">
+                  <input
+                    id="me_not_answered"
+                    v-model="form.who_initiated"
+                    value="me_not_answered"
+                    name="who_initiated"
+                    type="radio"
+                    class="h-4 w-4 border-gray-300 text-sky-500" />
+                  <label for="me_not_answered" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                    I called, but {{ data.contact_name }} didn't answer
+                  </label>
+                </div>
+              </div>
+
+              <div class="flex">
+                <div class="mr-6 flex items-center">
+                  <input
+                    id="contact"
+                    v-model="form.who_initiated"
+                    value="contact"
+                    name="who_initiated"
+                    type="radio"
+                    class="h-4 w-4 border-gray-300 text-sky-500" />
+                  <label for="contact" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                    {{ data.contact_name }} called
+                  </label>
+                </div>
+
+                <div class="flex items-center">
+                  <input
+                    id="contact_not_answered"
+                    v-model="form.who_initiated"
+                    value="contact_not_answered"
+                    name="who_initiated"
+                    type="radio"
+                    class="h-4 w-4 border-gray-300 text-sky-500" />
+                  <label for="contact_not_answered" class="ml-2 block cursor-pointer text-sm font-medium text-gray-700">
+                    {{ data.contact_name }} called, but I didn't answer
+                  </label>
+                </div>
+              </div>
+            </div>
+
+            <!-- description field -->
+            <div v-if="descriptionFieldShown" class="border-b border-gray-200 p-5">
+              <text-area
+                v-model="form.description"
+                :label="'Description'"
+                :rows="10"
+                :required="false"
+                :maxlength="65535"
+                :textarea-class="'block w-full mb-3'" />
+            </div>
+
+            <!-- reason field -->
+            <div v-if="reasonFieldShown" class="border-b border-gray-200 p-5">
+              <p class="mb-2 block text-sm">Was there a reason for the call?</p>
+              <select
+                v-model="form.call_reason_id"
+                name="types"
+                id="types"
+                class="w-full rounded-md border-gray-300 bg-white py-2 px-3 shadow-sm focus:border-indigo-300 focus:outline-none focus:ring focus:ring-indigo-200 focus:ring-opacity-50 sm:text-sm">
+                <optgroup
+                  v-for="callReasonType in data.call_reason_types"
+                  :key="callReasonType.id"
+                  :label="callReasonType.label">
+                  <option v-for="reason in callReasonType.reasons" :key="reason.id" :value="reason.id">
+                    {{ reason.label }}
+                  </option>
+                </optgroup>
+              </select>
+            </div>
+
+            <!-- options -->
+            <div class="border-b border-gray-200 p-5">
+              <!-- cta to add a description -->
+              <span
+                v-if="!descriptionFieldShown"
+                class="mr-2 inline-block cursor-pointer rounded-lg border bg-slate-200 px-1 py-1 text-xs hover:bg-slate-300"
+                @click="showDescriptionField">
+                + add description
+              </span>
+
+              <!-- cta to add a reason -->
+              <span
+                v-if="!reasonFieldShown"
+                class="mr-2 inline-block cursor-pointer rounded-lg border bg-slate-200 px-1 py-1 text-xs hover:bg-slate-300"
+                @click="showReasonField">
+                + add reason
+              </span>
+
+              <!-- cta to add emotion -->
+              <span
+                v-if="!emotionFieldShown"
+                class="inline-block cursor-pointer rounded-lg border bg-slate-200 px-1 py-1 text-xs hover:bg-slate-300"
+                @click="showEmotionField">
+                + add emotion
+              </span>
+            </div>
+          </div>
+
+          <div class="flex justify-between p-5">
+            <pretty-span :text="'Cancel'" :classes="'mr-3'" @click="editedCallId = 0" />
+            <pretty-button :text="'Update'" :state="loadingState" :icon="'check'" :classes="'save'" />
+          </div>
+        </form>
+      </li>
+    </ul>
+
+    <!-- blank state -->
+    <div v-if="localCalls.length == 0" class="mb-6 rounded-lg border border-gray-200 bg-white">
+      <p class="p-5 text-center">There are no calls logged yet.</p>
+    </div>
+  </div>
+</template>
+
+<script>
+import HoverMenu from '@/Shared/HoverMenu';
+import PrettyButton from '@/Shared/Form/PrettyButton';
+import PrettySpan from '@/Shared/Form/PrettySpan';
+import TextInput from '@/Shared/Form/TextInput';
+import TextArea from '@/Shared/Form/TextArea';
+import Errors from '@/Shared/Form/Errors';
+
+export default {
+  components: {
+    HoverMenu,
+    PrettyButton,
+    PrettySpan,
+    TextInput,
+    TextArea,
+    Errors,
+  },
+
+  props: {
+    data: {
+      type: Object,
+      default: null,
+    },
+  },
+
+  data() {
+    return {
+      createCallModalShown: false,
+      localCalls: [],
+      loadingState: '',
+      editedCallId: 0,
+      descriptionFieldShown: false,
+      reasonFieldShown: false,
+      form: {
+        called_at: '',
+        call_reason_id: 0,
+        description: '',
+        type: '',
+        errors: [],
+      },
+    };
+  },
+
+  mounted() {
+    this.localCalls = this.data.calls;
+    this.form.who_initiated = 'me';
+    this.form.type = 'audio';
+  },
+
+  methods: {
+    showDescriptionField() {
+      this.descriptionFieldShown = true;
+      this.form.description = '';
+    },
+
+    showReasonField() {
+      this.reasonFieldShown = true;
+      this.form.call_reason_id = '';
+    },
+
+    showCreateCallModal() {
+      this.form.errors = [];
+      this.descriptionFieldShown = false;
+      this.reasonFieldShown = false;
+      this.createCallModalShown = true;
+    },
+
+    showUpdateCallModal(call) {
+      this.form.errors = [];
+      this.form.description = call.description;
+
+      if (call.description) {
+        this.descriptionFieldShown = true;
+      }
+
+      this.form.type = call.type;
+
+      if (!call.answered && call.who_initiated == 'me') {
+        this.form.who_initiated = 'me_not_answered';
+      }
+      if (call.answered && call.who_initiated == 'me') {
+        this.form.who_initiated = 'me';
+      }
+      if (call.answered && call.who_initiated == 'contact') {
+        this.form.who_initiated = 'contact';
+      }
+      if (!call.answered && call.who_initiated == 'contact') {
+        this.form.who_initiated = 'contact_not_answered';
+      }
+
+      if (call.reason) {
+        this.form.call_reason_id = call.reason.id;
+        this.reasonFieldShown = true;
+      } else {
+        this.form.call_reason_id = 0;
+        this.reasonFieldShown = false;
+      }
+      this.form.called_at = call.called_at;
+      this.editedCallId = call.id;
+    },
+
+    submit() {
+      this.loadingState = 'loading';
+
+      axios
+        .post(this.data.url.store, this.form)
+        .then((response) => {
+          this.loadingState = '';
+          this.flash('The call has been created', 'success');
+          this.localCalls.unshift(response.data.data);
+          this.createCallModalShown = false;
+        })
+        .catch((error) => {
+          this.loadingState = '';
+          this.form.errors = error.response.data;
+        });
+    },
+
+    update(call) {
+      this.loadingState = 'loading';
+
+      axios
+        .put(call.url.update, this.form)
+        .then((response) => {
+          this.loadingState = '';
+          this.flash('The call has been edited', 'success');
+          this.localCalls[this.localCalls.findIndex((x) => x.id === call.id)] = response.data.data;
+          this.editedCallId = 0;
+        })
+        .catch((error) => {
+          this.loadingState = '';
+          this.form.errors = error.response.data;
+        });
+    },
+
+    destroy(call) {
+      if (confirm('Are you sure?')) {
+        axios
+          .delete(call.url.destroy)
+          .then((response) => {
+            this.flash('The call has been deleted', 'success');
+            var id = this.localCalls.findIndex((x) => x.id === call.id);
+            this.localCalls.splice(id, 1);
+          })
+          .catch((error) => {
+            this.form.errors = error.response.data;
+          });
+      }
+    },
+  },
+};
+</script>
diff --git a/resources/lang/en/app.php b/resources/lang/en/app.php
index 6ad65512a..d4bfa8ae1 100644
--- a/resources/lang/en/app.php
+++ b/resources/lang/en/app.php
@@ -91,6 +91,7 @@ return [
     'module_loans' => 'Loans',
     'module_companies' => 'Job information',
     'module_tasks' => 'Tasks',
+    'module_calls' => 'Calls',
 
     'module_option_default_number_of_items_to_display' => 'Default number of items to display',
 
diff --git a/routes/web.php b/routes/web.php
index 51d8dbbbe..902d106a8 100644
--- a/routes/web.php
+++ b/routes/web.php
@@ -1,5 +1,6 @@
 <?php
 
+use App\Contact\ManageCalls\Web\Controllers\ContactModuleCallController;
 use App\Contact\ManageContact\Web\Controllers\ContactController;
 use App\Contact\ManageContact\Web\Controllers\ContactNoTemplateController;
 use App\Contact\ManageContact\Web\Controllers\ContactPageController;
@@ -145,6 +146,11 @@ Route::middleware(['auth', 'verified'])->group(function () {
                     Route::put('tasks/{task}', [ContactModuleTaskController::class, 'update'])->name('contact.task.update');
                     Route::put('tasks/{task}/toggle', [ContactModuleTaskController::class, 'toggle'])->name('contact.task.toggle');
                     Route::delete('tasks/{task}', [ContactModuleTaskController::class, 'destroy'])->name('contact.task.destroy');
+
+                    // calls
+                    Route::post('calls', [ContactModuleCallController::class, 'store'])->name('contact.call.store');
+                    Route::put('calls/{call}', [ContactModuleCallController::class, 'update'])->name('contact.call.update');
+                    Route::delete('calls/{call}', [ContactModuleCallController::class, 'destroy'])->name('contact.call.destroy');
                 });
             });
 
diff --git a/tests/Unit/Domains/Contact/ManageCalls/Services/CreateCallTest.php b/tests/Unit/Domains/Contact/ManageCalls/Services/CreateCallTest.php
new file mode 100644
index 000000000..be1a717ae
--- /dev/null
+++ b/tests/Unit/Domains/Contact/ManageCalls/Services/CreateCallTest.php
@@ -0,0 +1,138 @@
+<?php
+
+namespace Tests\Unit\Domains\Contact\ManageCalls\Services;
+
+use App\Contact\ManageCalls\Services\CreateCall;
+use App\Exceptions\NotEnoughPermissionException;
+use App\Models\Account;
+use App\Models\CallReason;
+use App\Models\CallReasonType;
+use App\Models\Contact;
+use App\Models\User;
+use App\Models\Vault;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Illuminate\Support\Facades\Queue;
+use Illuminate\Validation\ValidationException;
+use Tests\TestCase;
+
+class CreateCallTest extends TestCase
+{
+    use DatabaseTransactions;
+
+    /** @test */
+    public function it_creates_a_call(): void
+    {
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account->id,
+        ]);
+        $callReason = CallReason::factory()->create([
+            'call_reason_type_id' => $type->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_wrong_parameters_are_given(): void
+    {
+        $request = [
+            'title' => 'Ross',
+        ];
+
+        $this->expectException(ValidationException::class);
+        (new CreateCall)->execute($request);
+    }
+
+    /** @test */
+    public function it_fails_if_user_doesnt_belong_to_account(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $account = Account::factory()->create();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create([
+            'call_reason_type_id' => $type->id,
+        ]);
+
+        $this->executeService($regis, $account, $vault, $contact, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_contact_doesnt_belong_to_vault(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create();
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create([
+            'call_reason_type_id' => $type->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_user_doesnt_have_right_permission_in_vault(): void
+    {
+        $this->expectException(NotEnoughPermissionException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_VIEW, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create([
+            'call_reason_type_id' => $type->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $callReason);
+    }
+
+    private function executeService(User $author, Account $account, Vault $vault, Contact $contact, CallReason $reason): void
+    {
+        Queue::fake();
+
+        $request = [
+            'account_id' => $account->id,
+            'vault_id' => $vault->id,
+            'author_id' => $author->id,
+            'contact_id' => $contact->id,
+            'call_reason_id' => $reason->id,
+            'called_at' => '1999-01-01',
+            'duration' => 100,
+            'type' => 'audio',
+            'answered' => true,
+            'who_initiated' => 'contact',
+        ];
+
+        $call = (new CreateCall)->execute($request);
+
+        $this->assertDatabaseHas('calls', [
+            'id' => $call->id,
+            'contact_id' => $contact->id,
+            'called_at' => '1999-01-01 00:00:00',
+            'duration' => 100,
+            'type' => 'audio',
+            'answered' => true,
+            'who_initiated' => 'contact',
+        ]);
+    }
+}
diff --git a/tests/Unit/Domains/Contact/ManageCalls/Services/DestroyCallTest.php b/tests/Unit/Domains/Contact/ManageCalls/Services/DestroyCallTest.php
new file mode 100644
index 000000000..e60a146eb
--- /dev/null
+++ b/tests/Unit/Domains/Contact/ManageCalls/Services/DestroyCallTest.php
@@ -0,0 +1,128 @@
+<?php
+
+namespace Tests\Unit\Domains\Contact\ManageCalls\Services;
+
+use App\Contact\ManageCalls\Services\DestroyCall;
+use App\Exceptions\NotEnoughPermissionException;
+use App\Models\Account;
+use App\Models\Call;
+use App\Models\Contact;
+use App\Models\User;
+use App\Models\Vault;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Illuminate\Support\Facades\Queue;
+use Illuminate\Validation\ValidationException;
+use Tests\TestCase;
+
+class DestroyCallTest extends TestCase
+{
+    use DatabaseTransactions;
+
+    /** @test */
+    public function it_destroys_a_task(): void
+    {
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call);
+    }
+
+    /** @test */
+    public function it_fails_if_wrong_parameters_are_given(): void
+    {
+        $request = [
+            'title' => 'Ross',
+        ];
+
+        $this->expectException(ValidationException::class);
+        (new DestroyCall)->execute($request);
+    }
+
+    /** @test */
+    public function it_fails_if_user_doesnt_belong_to_account(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $account = Account::factory()->create();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+
+        $this->executeService($regis, $account, $vault, $contact, $call);
+    }
+
+    /** @test */
+    public function it_fails_if_contact_doesnt_belong_to_vault(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create();
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call);
+    }
+
+    /** @test */
+    public function it_fails_if_user_doesnt_have_right_permission_in_vault(): void
+    {
+        $this->expectException(NotEnoughPermissionException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_VIEW, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call);
+    }
+
+    /** @test */
+    public function it_fails_if_reminder_does_not_exist(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create();
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call);
+    }
+
+    private function executeService(User $author, Account $account, Vault $vault, Contact $contact, Call $call): void
+    {
+        Queue::fake();
+
+        $request = [
+            'account_id' => $account->id,
+            'vault_id' => $vault->id,
+            'author_id' => $author->id,
+            'contact_id' => $contact->id,
+            'call_id' => $call->id,
+        ];
+
+        (new DestroyCall)->execute($request);
+
+        $this->assertDatabaseMissing('calls', [
+            'id' => $call->id,
+        ]);
+    }
+}
diff --git a/tests/Unit/Domains/Contact/ManageCalls/Services/UpdateCallTest.php b/tests/Unit/Domains/Contact/ManageCalls/Services/UpdateCallTest.php
new file mode 100644
index 000000000..fd5673791
--- /dev/null
+++ b/tests/Unit/Domains/Contact/ManageCalls/Services/UpdateCallTest.php
@@ -0,0 +1,176 @@
+<?php
+
+namespace Tests\Unit\Domains\Contact\ManageCalls\Services;
+
+use App\Contact\ManageCalls\Services\UpdateCall;
+use App\Exceptions\NotEnoughPermissionException;
+use App\Models\Account;
+use App\Models\Call;
+use App\Models\CallReason;
+use App\Models\CallReasonType;
+use App\Models\Contact;
+use App\Models\User;
+use App\Models\Vault;
+use Illuminate\Database\Eloquent\ModelNotFoundException;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Illuminate\Validation\ValidationException;
+use Tests\TestCase;
+
+class UpdateCallTest extends TestCase
+{
+    use DatabaseTransactions;
+
+    /** @test */
+    public function it_updates_a_task(): void
+    {
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create([
+            'call_reason_type_id' => $type->id,
+        ]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_wrong_parameters_are_given(): void
+    {
+        $request = [
+            'title' => 'Ross',
+        ];
+
+        $this->expectException(ValidationException::class);
+        (new UpdateCall)->execute($request);
+    }
+
+    /** @test */
+    public function it_fails_if_user_doesnt_belong_to_account(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $account = Account::factory()->create();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create(['call_reason_type_id' => $type->id]);
+
+        $this->executeService($regis, $account, $vault, $contact, $call, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_contact_doesnt_belong_to_vault(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create();
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create(['call_reason_type_id' => $type->id]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_user_doesnt_have_right_permission_in_vault(): void
+    {
+        $this->expectException(NotEnoughPermissionException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_VIEW, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create(['call_reason_type_id' => $type->id]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_reminder_is_not_in_the_contact(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create();
+        $type = CallReasonType::factory()->create([
+            'account_id' => $regis->account_id,
+        ]);
+        $callReason = CallReason::factory()->create(['call_reason_type_id' => $type->id]);
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call, $callReason);
+    }
+
+    /** @test */
+    public function it_fails_if_call_reason_doesnt_belong_to_account(): void
+    {
+        $this->expectException(ModelNotFoundException::class);
+
+        $regis = $this->createUser();
+        $vault = $this->createVault($regis->account);
+        $vault = $this->setPermissionInVault($regis, Vault::PERMISSION_EDIT, $vault);
+        $contact = Contact::factory()->create(['vault_id' => $vault->id]);
+        $call = Call::factory()->create();
+        $callReason = CallReason::factory()->create();
+
+        $this->executeService($regis, $regis->account, $vault, $contact, $call, $callReason);
+    }
+
+    private function executeService(User $author, Account $account, Vault $vault, Contact $contact, Call $call, CallReason $reason): void
+    {
+        $request = [
+            'account_id' => $account->id,
+            'vault_id' => $vault->id,
+            'author_id' => $author->id,
+            'contact_id' => $contact->id,
+            'call_id' => $call->id,
+            'call_reason_id' => $reason->id,
+            'called_at' => '1999-01-01',
+            'duration' => 100,
+            'type' => 'audio',
+            'answered' => true,
+            'who_initiated' => 'contact',
+        ];
+
+        $call = (new UpdateCall)->execute($request);
+
+        $this->assertDatabaseHas('calls', [
+            'id' => $call->id,
+            'contact_id' => $contact->id,
+            'called_at' => '1999-01-01 00:00:00',
+            'duration' => 100,
+            'type' => 'audio',
+            'answered' => true,
+            'who_initiated' => 'contact',
+        ]);
+    }
+}
diff --git a/tests/Unit/Domains/Contact/ManageCalls/Web/Services/ModuleCallsViewHelperTest.php b/tests/Unit/Domains/Contact/ManageCalls/Web/Services/ModuleCallsViewHelperTest.php
new file mode 100644
index 000000000..9fbb2b086
--- /dev/null
+++ b/tests/Unit/Domains/Contact/ManageCalls/Web/Services/ModuleCallsViewHelperTest.php
@@ -0,0 +1,88 @@
+<?php
+
+namespace Tests\Unit\Domains\Contact\ManageCalls\Web\ViewHelpers;
+
+use App\Contact\ManageCalls\Web\ViewHelpers\ModuleCallsViewHelper;
+use App\Models\Call;
+use App\Models\Contact;
+use App\Models\User;
+use Carbon\Carbon;
+use function env;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Tests\TestCase;
+
+class ModuleCallsViewHelperTest extends TestCase
+{
+    use DatabaseTransactions;
+
+    /** @test */
+    public function it_gets_the_data_needed_for_the_view(): void
+    {
+        $contact = Contact::factory()->create();
+        $user = User::factory()->create();
+
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+        ]);
+
+        $array = ModuleCallsViewHelper::data($contact, $user);
+
+        $this->assertEquals(
+            4,
+            count($array)
+        );
+
+        $this->assertArrayHasKey('contact_name', $array);
+        $this->assertArrayHasKey('calls', $array);
+        $this->assertArrayHasKey('call_reason_types', $array);
+        $this->assertArrayHasKey('url', $array);
+
+        $this->assertEquals(
+            $contact->getName($user),
+            $array['contact_name']
+        );
+
+        $this->assertEquals(
+            [
+                'store' => env('APP_URL').'/vaults/'.$contact->vault->id.'/contacts/'.$contact->id.'/calls',
+            ],
+            $array['url']
+        );
+    }
+
+    /** @test */
+    public function it_gets_the_data_transfer_object(): void
+    {
+        Carbon::setTestNow(Carbon::create(2018, 1, 1));
+        $contact = Contact::factory()->create();
+        $user = User::factory()->create();
+        $call = Call::factory()->create([
+            'contact_id' => $contact->id,
+            'called_at' => Carbon::now(),
+            'description' => null,
+        ]);
+
+        $collection = ModuleCallsViewHelper::dto($contact, $call, $user);
+
+        $this->assertEquals(
+            [
+                'id' => $call->id,
+                'called_at' => 'Jan 01, 2018',
+                'duration' => $call->duration,
+                'description' => null,
+                'who_initiated' => 'me',
+                'type' => 'audio',
+                'answered' => true,
+                'reason' => [
+                    'id' => $call->callReason->id,
+                    'label' => $call->callReason->label,
+                ],
+                'url' => [
+                    'update' => env('APP_URL').'/vaults/'.$contact->vault->id.'/contacts/'.$contact->id.'/calls/'.$call->id,
+                    'destroy' => env('APP_URL').'/vaults/'.$contact->vault->id.'/contacts/'.$contact->id.'/calls/'.$call->id,
+                ],
+            ],
+            $collection
+        );
+    }
+}
diff --git a/tests/Unit/Domains/Settings/ManageCallReasons/Services/CreateCallReasonTest.php b/tests/Unit/Domains/Settings/ManageCallReasons/Services/CreateCallReasonTest.php
index 920c8329e..e92c97c6b 100644
--- a/tests/Unit/Domains/Settings/ManageCallReasons/Services/CreateCallReasonTest.php
+++ b/tests/Unit/Domains/Settings/ManageCallReasons/Services/CreateCallReasonTest.php
@@ -76,7 +76,7 @@ class CreateCallReasonTest extends TestCase
 
         $this->assertDatabaseHas('call_reasons', [
             'id' => $reason->id,
-            'call_reason_type_id' => $reason->id,
+            'call_reason_type_id' => $type->id,
             'label' => 'type name',
         ]);
 
diff --git a/tests/Unit/Jobs/SetupAccountTest.php b/tests/Unit/Jobs/SetupAccountTest.php
index f0fccd91f..eef7cbb57 100644
--- a/tests/Unit/Jobs/SetupAccountTest.php
+++ b/tests/Unit/Jobs/SetupAccountTest.php
@@ -88,6 +88,10 @@ class SetupAccountTest extends TestCase
             'account_id' => $regis->account_id,
             'name' => trans('app.module_tasks'),
         ]);
+        $this->assertDatabaseHas('modules', [
+            'account_id' => $regis->account_id,
+            'name' => trans('app.module_calls'),
+        ]);
 
         $this->assertDatabaseHas('relationship_group_types', [
             'name' => trans('account.relationship_type_love'),
diff --git a/tests/Unit/Models/CallTest.php b/tests/Unit/Models/CallTest.php
new file mode 100644
index 000000000..5b07b9dc8
--- /dev/null
+++ b/tests/Unit/Models/CallTest.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace Tests\Unit\Models;
+
+use App\Models\Call;
+use Illuminate\Foundation\Testing\DatabaseTransactions;
+use Tests\TestCase;
+
+class CallTest extends TestCase
+{
+    use DatabaseTransactions;
+
+    /** @test */
+    public function it_has_one_contact()
+    {
+        $call = Call::factory()->create();
+
+        $this->assertTrue($call->contact()->exists());
+    }
+
+    /** @test */
+    public function it_has_one_author()
+    {
+        $call = Call::factory()->create();
+
+        $this->assertTrue($call->author()->exists());
+    }
+
+    /** @test */
+    public function it_has_one_call_reason()
+    {
+        $call = Call::factory()->create();
+
+        $this->assertTrue($call->callReason()->exists());
+    }
+}
diff --git a/tests/Unit/Models/ContactTest.php b/tests/Unit/Models/ContactTest.php
index 60d9ce939..0d6bedf0b 100644
--- a/tests/Unit/Models/ContactTest.php
+++ b/tests/Unit/Models/ContactTest.php
@@ -4,6 +4,7 @@ namespace Tests\Unit\Models;
 
 use App\Models\Address;
 use App\Models\Avatar;
+use App\Models\Call;
 use App\Models\Company;
 use App\Models\Contact;
 use App\Models\ContactImportantDate;
@@ -211,6 +212,17 @@ class ContactTest extends TestCase
         $this->assertTrue($ross->tasks()->exists());
     }
 
+    /** @test */
+    public function it_has_many_calls(): void
+    {
+        $ross = Contact::factory()->create();
+        Call::factory()->count(2)->create([
+            'contact_id' => $ross->id,
+        ]);
+
+        $this->assertTrue($ross->calls()->exists());
+    }
+
     /** @test */
     public function it_gets_the_name(): void
     {