1. Login/Signup Page

React Fundamentals - Class Leaderboard

Rankings based on overall performance across all assessments

15
Total Students
5
Completed Assessments
87.3%
Class Average
2nd
Your Rank
1
Sarah Chen
REACT-007
94.8%
2
Alice Johnson (You)
REACT-001
92.1%
3
Michael Rodriguez
REACT-012
89.7%
4
Emma Thompson
REACT-005
87.3%
5
David Kim
REACT-003
85.9%
6
Lisa Wang
REACT-009
84.2%
... and 9 more students
8. Tutor Grading Interface
Dashboard
My Classes
Grade Submissions
Dashboard > Classes > React Fundamentals > Assessments > React Todo App > Grade Submissions

Grade Submissions: React Todo App

Review and grade student submissions for this assessment

Submission List
Alice Johnson (REACT-001)
Submitted: Mar 14, 2024 11:45 PM
Graded: 95/100
Bob Smith (REACT-002)
Submitted: Mar 15, 2024 2:30 PM
Carol Davis (REACT-003)
Submitted: Mar 15, 2024 5:15 PM
David Wilson (REACT-004)
Not submitted (Overdue)
Grading: Bob Smith (REACT-002)

Grading Rubric

User Interface (20pts) / 20
Functionality (30pts) / 30
Code Quality (25pts) / 25
Documentation (15pts) / 15
Deployment (10pts) / 10
Total Score 90 / 100
9. Mobile Responsive Views
EP

EduPlatform

Dashboard
AJ
2
Classes
92%
Average
Pending Assignments
React Todo App
Due Today
Recent Grade
State Management 88/100
🏠
Home
📝
Submit
🏆
Rankings
👤
Profile
10. Design System & Components

Color Palette

Primary Blue
#1e40af
Success Green
#059669
Error Red
#dc2626
Warning Orange
#d97706
Gray
#6b7280

Button Variants

Status Indicators

✓ Submitted ⏰ Due Soon ❌ Overdue 📝 Draft 🎯 Graded

Typography Scale

Heading 1 - 32px Bold
Heading 2 - 24px Semibold
Heading 3 - 20px Medium
Body Text - 16px Regular
Small Text - 14px Gray
Caption - 12px Light Gray
30px;">

EduPlatform

Welcome back! Please sign in to continue.

Don't have an account? Sign up here
2. Tutor Dashboard
Dashboard
My Classes
Assessments
Dashboard > Home
3
Active Classes
47
Total Students
12
Active Assessments
89
Pending Grades
My Classes
React Fundamentals
15 students • 3 assessments
Advanced JavaScript
22 students • 5 assessments
Node.js Backend
10 students • 4 assessments
Recent Activities
New submission from REACT-001 in "React Project"
2 minutes ago
Assessment created: "JavaScript Quiz"
1 hour ago
Student registered: Jane Smith (NODE-011)
3 hours ago
Quick Actions
3. Class Management Page
Dashboard
My Classes
Assessments
Dashboard > Classes > React Fundamentals

React Fundamentals

Students
Assessments
Leaderboard
Settings
Class Information

Class Code: REACT2024

Students: 15

Assessments: 3

Created: Jan 15, 2024

Quick Stats
Average Grade: 85.6%
Submissions Pending: 12
Active Students: 15
Student List
Student ID Name Email Grade Actions
REACT-001 Alice Johnson alice@email.com 92%
REACT-002 Bob Smith bob@email.com 78%
REACT-003 Carol Davis carol@email.com 89%
4. Create Assessment Modal
5. Student Dashboard
Dashboard
My Submissions
Leaderboard
Dashboard > Student Home
2
Classes Enrolled
7
Assessments Submitted
92%
Average Grade
2nd
Class Rank
Available Assessments
React Todo App
Due: March 15, 2024 • React Fundamentals
Overdue
JavaScript Quiz
Due: March 20, 2024 • Advanced JavaScript
Due Soon
Node.js API Project
Due: March 25, 2024 • Node.js Backend
Upcoming
Recent Grades
React Components 95/100
Excellent work on component structure!
State Management 88/100
Good understanding of useState and useEffect
Props & Events 92/100
Well implemented event handling
My Classes
React Fundamentals
Rank: 2nd • Grade: 92%
Advanced JavaScript
Rank: 5th • Grade: 85%
6. Assignment Submission Form
Dashboard
Submit Assignment
Leaderboard
Dashboard > Assessments > React Todo App > Submit
Submit: React Todo App

Assessment Details

Due Date: March 15, 2024

Max Points: 100

Description: Create a fully functional todo application using React with add, edit, delete, and mark complete functionality.

Make sure your repository is public
Deploy on Netlify, Vercel, or GitHub Pages

⚠️ Submission Checklist




7. Class Leaderboard
Dashboard
My Submissions
Leaderboard
Dashboard > Classes > React Fundamentals > Leaderboard