Pages and navigation
Every page the dashboard ships, what is on it, how the sidebar and header work, and how to add your own page.
The pages
| Page | Address | What is on it |
|---|---|---|
| Landing | /en | The product's name, three feature tiles and an Enter Dashboard button |
| Sign in | /en/login | Email and password, Remember me, Forgot password, and Apple and Google buttons |
| Overview | /en/dashboard | A greeting with a quick transfer form, the account balance with a stack of payment cards, Smart Invest with stocks and fast transfers, recent transactions, a statistics chart, a world map of transfers and a portfolio chart |
| Analytics | /en/dashboard/analytics | Four key figures, revenue against expenses, spending by category, weekly activity and recent transactions |
| Transactions | /en/dashboard/transactions | Four key figures and a transaction history you can search, filter, sort, page through and export |
| Your Cards | /en/dashboard/my-cards | Key figures, the list of payment cards and the selected card's details, with lock, delete and show number |
| Settings | /en/dashboard/settings | Profile, Security, Notifications and Preferences tabs |
| UI Components | /en/dashboard/ui-component | Every reusable component with live examples |
/en/dashboard/cards shows the same cards page as /en/dashboard/my-cards, which is the one the sidebar links to. Every page under /dashboard needs a signed-in user.
The sidebar and the header
- The sidebar lists the pages as icons with a label and a tooltip, Settings at the bottom, and the logo at the top links to the overview. A button folds it to a narrower width. On screens narrower than a laptop it is hidden behind the menu button in the header.
- The header shows the page's title, the language menu, the light and dark switch, a search and a refresh button, the notifications, and the user menu with Profile, Settings and Logout.
- The search and refresh buttons have no action yet: they are there for your own search and data reload.
How a page is built
Included with your purchase. Sign in to read, or open it in your download.
The route file, the feature folder behind it, and what the shared dashboard layout adds.
Add a page
Included with your purchase. Sign in to read, or open it in your download.
Step by step: a new page with its texts, its route and its sidebar link.
Remove a page
Included with your purchase. Sign in to read, or open it in your download.
The places a page is wired, to take one out cleanly.