notes

• Create a user Interface as per the Design on next slides
• Create a Mock JSON API server for handling GET and POST requests
• Retrieve data from that mock server, use it in your components
• Make sure the Toggle Switches are working with the API
• Ensure the overall Power Switch disables all the plugins in all the tabs as per the Design
• Switching between tabs, should change the URL

• Components
• Two-way data binding
• Data structures
• API Communication
• User-Interface

• Deploy your submission on Heroku/netlify. I used vercel. I already have an account and they don't request any payment method to deploy.
• Share a link to your code from GitHub/Bitbucket whichever works fine for you

https://dg-coding-challenge.vercel.app/dashboard https://dg-coding-challenge.vercel.app/dashboard/tab1 https://dg-coding-challenge.vercel.app/dashboard/tab2 https://dg-coding-challenge.vercel.app/dashboard/tab3

https://dg-coding-challenge.vercel.app/visual-guide

Make sure to install the dependencies:

# pnpm
pnpm install

Start the development server on http://localhost:3010:

# pnpm
pnpm run dev

Build the application for production:

# pnpm
pnpm run build

DG Figma file

• NuxtJS - VueJS
• NitroJS
• TailwindCSS