trustbox.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>TrustBox Case Study — Faisal Shaikh | FlutterFlow Developer</title>

    <link rel="stylesheet" href="style.css" />
    <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" />
</head>

<body>

<header>
    <nav>
        <h2 class="logo">Faisal Shaikh</h2>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="skills.html">Skills</a></li>
            <li><a href="projects.html">Projects</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="https://www.upwork.com/freelancers/~016cb550a3bed0107c" class="hire-nav">Hire Me</a></li>
        </ul>
    </nav>
</header>

<section class="content fade-in" style="padding-top: 120px; max-width: 900px; margin: 0 auto;">
    <h1>TrustBox — Client Testimonial Collector</h1>
    <p>
        <strong>Role:</strong> FlutterFlow Developer, Firebase Architect, UI/UX Designer<br>
        <strong>Stack:</strong> FlutterFlow (Flutter), Firebase Auth, Firestore, Firebase Storage
    </p>

    <h2>Overview</h2>
    <p>
        TrustBox is a testimonial collection and management tool designed for freelancers, agencies, and small businesses.  
        It allows clients to submit testimonials, which the owner can approve, reject, or feature publicly.  
        It’s a simple but powerful system that builds trust and boosts conversions.
    </p>

    <h2>Problem</h2>
    <p>
        Freelancers and businesses struggle to collect testimonials consistently.  
        Clients often forget, forms are scattered, and there’s no easy way to manage or display testimonials professionally.
    </p>

    <h2>Solution</h2>
    <p>
        TrustBox provides a clean, centralized system where:
        clients submit testimonials → owner reviews → approved testimonials appear publicly.  
        It’s simple, fast, and built for real‑world use.
    </p>

    <h2>Key Features</h2>
    <ul>
        <li><strong>Public testimonial form</strong> for clients to submit feedback.</li>
        <li><strong>Admin dashboard</strong> to approve, reject, or edit testimonials.</li>
        <li><strong>Featured testimonials</strong> for portfolio or landing pages.</li>
        <li><strong>Star ratings</strong> (1–5 stars).</li>
        <li><strong>Client photos</strong> (optional upload).</li>
        <li><strong>Public testimonial wall</strong> with filters.</li>
        <li><strong>Cross‑platform</strong> (iOS, Android, Web) using FlutterFlow.</li>
    </ul>

    <h2>FlutterFlow Implementation</h2>
    <ul>
        <li><strong>Public form:</strong> Clients submit name, rating, message, and optional photo.</li>
        <li><strong>Admin dashboard:</strong> Approve, reject, or feature testimonials.</li>
        <li><strong>Public testimonial wall:</strong> Shows only approved testimonials.</li>
        <li><strong>Featured section:</strong> Displays highlighted testimonials on landing pages.</li>
        <li><strong>Firestore rules:</strong> Only admins can approve or modify testimonials.</li>
        <li><strong>Responsive UI:</strong> Works on mobile and web.</li>
    </ul>

    <h2>My Role & Responsibilities</h2>
    <ul>
        <li>Designed the full testimonial submission and approval flow.</li>
        <li>Built all UI screens in FlutterFlow.</li>
        <li>Created Firestore schema and admin‑only security rules.</li>
        <li>Implemented approval, rejection, and featured logic.</li>
        <li>Developed the public testimonial wall.</li>
        <li>Connected all pages to Firebase backend.</li>
    </ul>

    <h2>Outcome</h2>
    <p>
        TrustBox demonstrates my ability to build business‑focused tools with admin workflows, moderation logic, 
        and public‑facing components.  
        It’s a strong portfolio project for clients looking for CRM tools, feedback systems, or internal dashboards.
    </p>

    <p><strong>Live Portfolio:</strong> <a href="https://imfaisalshaikh.github.io">imfaisalshaikh.github.io</a></p>
</section>

<footer>
    <div class="footer-content">
        <h3>Faisal Shaikh — FlutterFlow Developer & MVP Builder</h3>

        <div class="footer-social">
            <a href="https://www.upwork.com/freelancers/~016cb550a3bed0107c"><i class="fa-brands fa-upwork"></i></a>
            <a href="https://github.com/imfaisalshaikh"><i class="fa-brands fa-github"></i></a>
            <a href="https://www.linkedin.com/in/imfaisalshaikh"><i class="fa-brands fa-linkedin"></i></a>
            <a href="mailto:faisalurrehmanshaikh@gmail.com"><i class="fa-solid fa-envelope"></i></a>
        </div>

        <p class="copyright">© 2026 Faisal Shaikh. All rights reserved.</p>
    </div>
</footer>

<script src="script.js"></script>
</body>
</html>