MinimalMUI

Current Design

• Light Mode:

• Night Mode:

UI/UX Framework

• MATERIAL-UI

Inspiration

• Dashboard Page - (Freebie - Dashboard Design With Adobe XD)
• Footer - (Basic Footer (animated))
• Credit Card - (My Wallets Expenses)

Photo

• https://www.pexels.com/photo/man-wearing-eyeglasses-839586/
• https://www.pexels.com/photo/bokeh-night-lights-city-9044/

File Structure

├── package.json
├── public
|  ├── 404.html
|  ├── favicon.ico
|  ├── index.html
|  └── manifest.json
└── src
   ├── App.js
   ├── actions
   |  └── index.js
   ├── assets
   |  ├── css
   |  |  └── index.css
   |  ├── img
   |  |  ├── banner1.jpg
   |  |  └── user1.jpg
   |  ├── jss
   |  |  ├── components
   |  |  |  ├── headerStyle.js
   |  |  |  └── sidebarStyle.js
   |  |  ├── index.js
   |  |  └── layouts
   |  |     └── dashboardStyle.js
   |  ├── svg
   |  |  ├── amex.svg
   |  |  ├── mastercard.svg
   |  |  └── visa.svg
   |  └── theme
   |     └── default.js
   ├── components
   |  ├── Card
   |  |  ├── Card.jsx
   |  |  └── CreditCard.jsx
   |  ├── Chart
   |  |  └── SquareBar.jsx
   |  ├── Footer
   |  |  └── Footer.jsx
   |  ├── Header
   |  |  └── Header.jsx
   |  ├── Loader
   |  |  └── Loader.jsx
   |  ├── Sidebar
   |  |  └── Sidebar.jsx
   |  ├── Snackbar
   |  |  └── SnackbarContent.jsx
   |  ├── Table
   |  |  └── Table.jsx
   |  └── Tabs
   |     └── Tabs.jsx
   ├── index.js
   ├── layouts
   |  └── Dashboard
   |     └── Dashboard.jsx
   ├── redux
   |  └── environmentState.js
   ├── routes
   |  ├── dashboard.js
   |  ├── index.js
   |  └── utils.js
   ├── serviceWorker.js
   └── views
      ├── Components
      |  ├── Buttons.jsx
      |  ├── Components.jsx
      |  ├── FilledTextFields.jsx
      |  ├── OutlinedTextFields.jsx
      |  ├── Text.jsx
      |  └── TextFields.jsx
      ├── Customize
      |  └── Customize.js
      ├── Dashboard
      |  └── Dashboard.jsx
      ├── Icon
      |  └── Icon.jsx
      ├── Map
      |  └── Map.jsx
      ├── Notification
      |  └── Notification.jsx
      ├── Profile
      |  └── Profile.jsx
      └── Typography
         └── Typography.jsx