PrepTrack/leetcode.html at master · atulsingh1501/PrepTrack · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PrepTrack — LeetCode</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="app">

  <nav class="nav">
    <span class="nav-brand"><span class="dot"></span>PrepTrack</span>
    <a class="nav-tab" href="index.html">Dashboard</a>
    <a class="nav-tab active" href="leetcode.html">LeetCode</a>
    <a class="nav-tab" href="skills.html">Skills &amp; Git</a>
    <a class="nav-tab" href="tasks.html">Daily Tasks</a>
    <a class="nav-tab" href="resources.html">Resources</a>
    <a class="nav-tab" href="goals.html">Goals</a>
  </nav>

  <main class="page active">

    <!-- Difficulty Stats -->
    <div class="grid3" style="margin-bottom:1.25rem">
      <div class="card-sm" style="text-align:center">
        <div class="stat-label">Easy</div>
        <div class="stat-val" style="color:var(--c-green)" id="lc-easy">62</div>
        <div style="font-size:11px;color:var(--c-muted);margin-top:4px">/ 80 target</div>
        <div class="progress-wrap"><div class="progress-bar bar-green" style="width:77%"></div></div>
      </div>
      <div class="card-sm" style="text-align:center">
        <div class="stat-label">Medium</div>
        <div class="stat-val" style="color:var(--c-amber)" id="lc-med">48</div>
        <div style="font-size:11px;color:var(--c-muted);margin-top:4px">/ 100 target</div>
        <div class="progress-wrap"><div class="progress-bar bar-amber" style="width:48%"></div></div>
      </div>
      <div class="card-sm" style="text-align:center">
        <div class="stat-label">Hard</div>
        <div class="stat-val" style="color:var(--c-red)" id="lc-hard">14</div>
        <div style="font-size:11px;color:var(--c-muted);margin-top:4px">/ 20 target</div>
        <div class="progress-wrap"><div class="progress-bar bar-red" style="width:70%"></div></div>
      </div>
    </div>

    <!-- Problem List -->
    <div class="card">
      <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem">
        <div class="section-title" style="margin:0">Recent Problems</div>
        <select class="select" onchange="filterLeet(this.value)">
          <option value="all">All</option>
          <option value="Easy">Easy</option>
          <option value="Medium">Medium</option>
          <option value="Hard">Hard</option>
        </select>
      </div>

      <div id="leet-list">
        <div class="leet-row" data-diff="Medium">
          <span class="diff diff-med">Medium</span>
          <span style="flex:1">Longest Substring Without Repeating Characters</span>
          <span class="badge badge-green">Solved</span>
        </div>
        <div class="leet-row" data-diff="Hard">
          <span class="diff diff-hard">Hard</span>
          <span style="flex:1">Median of Two Sorted Arrays</span>
          <span class="badge badge-green">Solved</span>
        </div>
        <div class="leet-row" data-diff="Easy">
          <span class="diff diff-easy">Easy</span>
          <span style="flex:1">Valid Parentheses</span>
          <span class="badge badge-green">Solved</span>
        </div>
        <div class="leet-row" data-diff="Medium">
          <span class="diff diff-med">Medium</span>
          <span style="flex:1">Coin Change</span>
          <span class="badge badge-amber">Revisit</span>
        </div>
        <div class="leet-row" data-diff="Medium">
          <span class="diff diff-med">Medium</span>
          <span style="flex:1">Binary Tree Level Order Traversal</span>
          <span class="badge badge-green">Solved</span>
        </div>
        <div class="leet-row" data-diff="Hard">
          <span class="diff diff-hard">Hard</span>
          <span style="flex:1">Trapping Rain Water</span>
          <span class="badge badge-red">Pending</span>
        </div>
      </div>

      <div class="input-row">
        <input class="inp" id="leet-inp" placeholder="Problem name..." />
        <select class="select" id="leet-diff">
          <option>Easy</option>
          <option selected>Medium</option>
          <option>Hard</option>
        </select>
        <button class="btn" onclick="addLeet()">Add</button>
      </div>
    </div>

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