DEV Community

Gcobani Mkontwana
Gcobani Mkontwana

Posted on

Creating very nice dashboard using bootstrap in your ecommerce site

Hi Team

I need help with my front end, want to create a nice UI dashboard its not appearing very nice, must have nice navbar, tabs with avatar when user log in or div class for user-profile.

`// Bootstrap
<?php
// Start the session
session_start();

// Check if user is logged in
if(!isset($_SESSION['email'])) {
// Redirect to login page
header('Location: customer-login.php');
exit();
}

// User is logged in, display dashboard
?>

[<!DOCTYPE html>




Dashboard
<!-- Bootstrap CSS -->
<!-- Bootstrap JS -->




/* Adjust the sidebar height */ #sidebar { height: 100vh; }
    <h1>Welcome </h1>


    <a href="#">Dashboard</a>




        <ul>
            <li>
                <a href="#">Dashboard</a>
            </li>
            <li>
                <a href="#">Profile</a>
            </li>
            <li>
                <a href="#">Settings</a>
            </li>
            <li>
                <a href="logout.php">Logout</a>
            </li>
        </ul>







      <h5>Total Orders</h5>
      <p>1,234</p>






      <h5>Total Sales</h5>
      <p>$123,456</p>






      <h5>New Customers</h5>
      <p>567</p>






      <h5>Inventory</h5>
      <p>456</p>
Enter fullscreen mode Exit fullscreen mode


](url)`

Heroku

Simplify your DevOps and maximize your time.

Since 2007, Heroku has been the go-to platform for developers as it monitors uptime, performance, and infrastructure concerns, allowing you to focus on writing code.

Learn More

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay