diff --git a/docs/features/account-dashboard.mdx b/docs/features/account-dashboard.mdx new file mode 100644 index 000000000..86f397a7a --- /dev/null +++ b/docs/features/account-dashboard.mdx @@ -0,0 +1,88 @@ +--- +title: Account Dashboard +description: "Account Dashboard | Documentation - Web3Auth" +--- + +# Account Dashboard + +Web3Auth's Account Dashboard provides a unified platform for users to manage their Multi-Factor +Authentication (MFA) and account security with ease. This document provides an overview of its +features and how to integrate it seamlessly into your application. + +![Unified Recovery Management Screenshot](/images/account-dashboard/unified-recovery-management.jpg) + +### 1. Unified Recovery Management + +The Account Dashboard allows users to: + +- Set up recovery factors such as Password, Social Recovery, Authenticator App, and Recovery Phrase. +- Manage and modify existing recovery factors. + +With these features, users can strengthen their account security effortlessly. + +Additionally, users can: + +- Unhide and copy their backup phrase for safekeeping. +- Resend the recovery phrase to their registered email address if forgotten. +- Add or remove MFA factors as needed for enhanced security. + +The Account Dashboard allows users to: + +- Set up recovery factors such as Password, Social Recovery, Authenticator App, and Recovery Phrase. +- Manage and modify existing recovery factors. + +With these features, users can strengthen their account security effortlessly. +![Account Dashboard Overview Screenshot](/images/account-dashboard/account-dashboard-overview.jpg) + +### 2. Device Overview + +Users can view and manage all devices connected to their account, ensuring complete control over +their sessions. They can: + +- Add trusted devices. +- Remove unused or unauthorized devices. +- Set current devices as default for enhanced convenience. + +![Device Overview Screenshot](/images/account-dashboard/device-overview.jpg) + +### 3. Security Insights + +A visual indicator displays the overall security status of the account, encouraging users to set up +additional recovery factors for better protection. + +![Security Insights Screenshot](/images/account-dashboard/security-insights.jpg) + +## Setup and Integration + +### Implementation in Your dApp + +Integrate the Account Dashboard with your dApp by embedding it as part of your user flow. This +provides users with: + +- Seamless access to recovery factor setup. +- Quick device management. +- Real-time security insights. + +### Enhance User Security + +We recommend encouraging your users to: + +1. Set up at least three recovery factors. +2. Regularly review their connected devices. +3. Enable advanced security measures like passkeys and authenticator apps. + +## FAQs + +### Can users access the Account Dashboard without logging in? + +No, the Account Dashboard is secured and can only be accessed after successful authentication. + +### What recovery factors are supported? + +The Account Dashboard supports the following recovery factors: + +- Social Recovery +- Recovery Phrase +- Password +- Authenticator App +- Passkeys diff --git a/sidebars.ts b/sidebars.ts index eabee3849..26ea8f860 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -270,6 +270,7 @@ const sidebars: SidebarsConfig = { defaultStyle: true, }, "features/account-abstraction", + "features/account-dashboard", "features/blockchain-agnostic", "features/custom-authentication", "features/wallet-ui", diff --git a/static/images/account-dashboard/account-dashboard-overview.jpg b/static/images/account-dashboard/account-dashboard-overview.jpg new file mode 100644 index 000000000..99f03bc82 Binary files /dev/null and b/static/images/account-dashboard/account-dashboard-overview.jpg differ diff --git a/static/images/account-dashboard/device-overview.jpg b/static/images/account-dashboard/device-overview.jpg new file mode 100644 index 000000000..0bd57a8d7 Binary files /dev/null and b/static/images/account-dashboard/device-overview.jpg differ diff --git a/static/images/account-dashboard/security-insights.jpg b/static/images/account-dashboard/security-insights.jpg new file mode 100644 index 000000000..785bf0e35 Binary files /dev/null and b/static/images/account-dashboard/security-insights.jpg differ diff --git a/static/images/account-dashboard/unified-recovery-management.jpg b/static/images/account-dashboard/unified-recovery-management.jpg new file mode 100644 index 000000000..9ae478307 Binary files /dev/null and b/static/images/account-dashboard/unified-recovery-management.jpg differ