education learning

English

The domain name 'marked-apricot-2j4bqbsb-dppmaznfy7rh.edgeone.dev' uses the developer-focused generic top-level domain (.dev), featuring subdomain 'marked-apricot-2j4bqbsb-dppmaznfy7rh'. Its registrable label 'edgeone' stretches across 7 characters containing 4 vowels alongside three consonants. Segmentation suggests 2 words: edge, one. Average segment length settles at 3.5 characters. No strong language cues emerged from the frequency lists.

sha256=:JTQucx5CWFtBjOKh6zpOHB8reUtvi/2sFEGYeb6jnvE=:

sha256=:KDSP72yw7Yss7rIt6vgkQo/ROHXYTHPTj3fdIW/CTn8=:

sha256=:+QRKXpw524uxogTf+STlJuwKYh5pW7ad4QNYEb6HCeQ=:

28348fef6cb0ed8b2ceeb22deaf824428fd13875d84c73d38f77dd216fc24e7f

25342e731e42585b418ce2a1eb3a4e1c1f2b794b6f8bfdac14419879bea39ef1

f9044a5e9c39db8bb1a204dff924e526ec0a621e695bb69de1035811be8709e4

7c8699f56ccdf76c9f64d17a865569f75cf277d28a0c8d7e0e021ddb2957e121

d4eb19a86d13dd1899f43a315eae4504e17efeb3f658bb9c28cc65c51d196d6e

viewport

HSTS header missing - vulnerable to protocol downgrade attacks

CSP header missing - vulnerable to XSS attacks

child-src 'none';object-src 'none';require-trusted-types-for 'script';script-src chrome://resources 'self';trusted-types;worker-src blob: 'self';frame-ancestors 'none';

base-uri 'none';child-src https:;form-action https://ogs.google.com https://*.corp.google.com;object-src 'none';script-src 'self' 'unsafe-inline' https:;frame-ancestors chrome://new-tab-page/

Cloudflare, Inc.

UNPKG.COM

Prudence Malinki

MarkMonitor Inc.

edgeone.dev

IRT-SG-ACE

ACE administrator

ACE-SG


    const { useState } = React;

    // --- Modal Component ---
    function CreateAssignmentModal({ isOpen, onClose, onCreated }) {
      const [title, setTitle] = useState('');
      const [dueDate, setDueDate] = useState('');

      if (!isOpen) return null;

      const handleSubmit = (e) => {
        e.preventDefault();
        onCreated({ id: Date.now(), title, dueDate });
        setTitle('');
        setDueDate('');
        onClose();
      };

      return (
        <div className="modal-overlay" onClick={onClose}>
          <div className="modal-container" onClick={(e) => e.stopPropagation()}>
            <div className="modal-header">
              <h3 style={{ margin: 0 }}>📝 Create Assignment</h3>
              <button onClick={onClose} style={{ background: 'none', fontSize: '18px' }}>✕</button>
            </div>
            <form onSubmit={handleSubmit} className="modal-body">
              <div className="form-group">
                <label>Assignment Title</label>
                <input 
                  type="text" 
                  placeholder="e.g. Science Worksheet #3" 
                  value={title} 
                  onChange={(e) => setTitle(e.target.value)} 
                  required 
                />
              </div>
              <div className="form-group">
                <label>Due Date</label>
                <input 
                  type="date" 
                  value={dueDate} 
                  onChange={(e) => setDueDate(e.target.value)} 
                  required 
                />
              </div>
              <div style={{ display: 'flex', justifyContent: 'flex-end', gap: '8px' }}>
                <button type="button" onClick={onClose} style={{ padding: '10px 16px', borderRadius: '8px' }}>Cancel</button>
                <button type="submit" className="btn-primary">Publish</button>
              </div>
            </form>
          </div>
        </div>
      );
    }

    // --- Analytics Component ---
    function GradeAnalytics() {
      const buckets = [
        { label: '90-100', count: 8, color: '#16a34a', pct: 80 },
        { label: '80-89', count: 10, color: '#2563eb', pct: 100 },
        { label: '70-79', count: 5, color: '#0284c7', pct: 50 },
        { label: '60-69', count: 3, color: '#d97706', pct: 30 },
        { label: '0-59', count: 2, color: '#dc2626', pct: 20 },
      ];

      return (
        <div className="card">
          <h3 style={{ margin: 0 }}>📊 Grade Analytics & Score Distribution</h3>
          <div className="metrics-grid">
            <div className="metric-card">
              <div className="metric-label">Mean Score</div>
              <div className="metric-value" style={{ color: '#2563eb' }}>82.4</div>
            </div>
            <div className="metric-card">
              <div className="metric-label">Median</div>
              <div className="metric-value" style={{ color: '#4338ca' }}>84.0</div>
            </div>
            <div className="metric-card">
              <div className="metric-label">Pass Rate</div>
              <div className="metric-value" style={{ color: '#16a34a' }}>92%</div>
            </div>
          </div>

          <div className="histogram-wrapper">
            {buckets.map((b) => (
              <div key={b.label} className="bar-group">
                <div style={{ fontSize: '11px', fontWeight: 700, color: 'var(--muted)' }}>{b.count}</div>
                <div className="bar-track">
                  <div className="bar-fill" style={{ height: `${b.pct}%`, backgroundColor: b.color }}></div>
                </div>
                <div className="bar-label">{b.label}</div>
              </div>
            ))}
          </div>
        </div>
      );
    }

    // --- Main App Component ---
    function App() {
      const [role, setRole] = useState('Teacher');
      const [isModalOpen, setIsModalOpen] = useState(false);
      const [assignments, setAssignments] = useState([
        { id: 1, title: 'Photosynthesis Experiment Report', dueDate: '2026-09-10' }
      ]);

      return (
        <div className="app-layout">
          {/* Top Bar Navigation */}
          <div className="top-bar">
            <div>
              <h2 style={{ margin: 0 }}>EduHome Dashboard</h2>
              <span style={{ fontSize: '12px', color: 'var(--muted)' }}>Active Persona: <b>{role}</b></span>
            </div>
            <div className="role-switcher">
              <button className={role === 'Student' ? 'active' : ''} onClick={() => setRole('Student')}>Student</button>
              <button className={role === 'Teacher' ? 'active' : ''} onClick={() => setRole('Teacher')}>Teacher</button>
              <button className={role === 'Admin' ? 'active' : ''} onClick={() => setRole('Admin')}>Admin</button>
            </div>
          </div>

          {/* Dynamic Role Hero Banner */}
          <div className="card" style={{ background: role === 'Teacher' ? 'linear-gradient(135deg, #eff6ff, #e0e7ff)' : '#fff' }}>
            <h2>Welcome back, {role}!</h2>
            {role === 'Teacher' && (
              <div>
                <p>You have pending submissions to review and active courses assigned.</p>
                <button className="btn-primary" onClick={() => setIsModalOpen(true)}>+ Create New Assignment</button>
              </div>
            )}
            {role === 'Student' && <p>You have 2 pending assignments due this week.</p>}
            {role === 'Admin' && <p>All operational sub-systems are running with 99.9% uptime.</p>}
          </div>

          {/* Assignments List */}
          <div className="card">
            <h3 style={{ margin: '0 0 16px' }}>Active Assignments</h3>
            {assignments.map((asgn) => (
              <div key={asgn.id} style={{ display: 'flex', justifyContent: 'space-between', padding: '12px 0', borderBottom: '1px solid var(--line)' }}>
                <div>
                  <b>{asgn.title}</b>
                  <div style={{ fontSize: '12px', color: 'var(--muted)' }}>Due Date: {asgn.dueDate}</div>
                </div>
                <span style={{ background: '#dbeafe', color: '#1e40af', padding: '4px 8px', borderRadius: '6px', fontSize: '12px', fontWeight: 700 }}>Published</span>
              </div>
            ))}
          </div>

          {/* Analytics Section */}
          <GradeAnalytics />

          {/* Assignment Creation Modal */}
          <CreateAssignmentModal 
            isOpen={isModalOpen} 
            onClose={() => setIsModalOpen(false)} 
            onCreated={(newAsgn) => setAssignments([newAsgn, ...assignments])}
          />
        </div>
      );
    }

    // Render App
    const root = ReactDOM.createRoot(document.getElementById('root'));
    root.render(<App />);
  

Unpkg

EduHome - Interactive Dashboard

✅ Low Risk - https://marked-apricot-2j4bqbsb-dppmaznfy7rh.edgeone.dev/

Requests	IP Address	Location	AS Autonomous System
4	104.18.0.22Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
2	43.174.246.29	Singapore	AS139341ACE
2	104.18.1.22Cloudflare · WAF	United States	AS13335Cloudflare, Inc.
8	3	-	-

Security Scan Report: marked-apricot-2j4bqbsb-dppmaznfy7rh.edgeone.dev

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Page Statistics

Detected Technologies1

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History