-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathlearn-backup.html
More file actions
142 lines (122 loc) · 5.75 KB
/
learn-backup.html
File metadata and controls
142 lines (122 loc) · 5.75 KB
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>DSA Questions — CodeScoop.dev</title>
<script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-white text-gray-800 font-sans antialiased">
<!-- Header -->
<header class="bg-white border-b border-gray-200 sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
<h1 class="text-2xl font-extrabold text-blue-600 tracking-tight">CodeScoop<span class="text-gray-800">.dev</span></h1>
<nav class="hidden md:flex space-x-6 font-medium text-gray-700">
<a href="/" class="hover:text-blue-600">Home</a>
<a href="/resources.html" class="hover:text-blue-600">Resources</a>
<a href="/learn.html" class="text-blue-600 font-semibold">Learn</a>
</nav>
</div>
</header>
<!-- Hero Section -->
<section class="bg-gray-50 py-16 text-center">
<div class="max-w-3xl mx-auto px-6">
<h2 class="text-4xl font-extrabold text-gray-900 mb-4">DSA Interview Questions</h2>
<p class="text-lg text-gray-600">Master Data Structures and Algorithms with company-specific questions.</p>
</div>
</section>
<!-- Content -->
<main class="max-w-7xl mx-auto px-4 py-16 grid grid-cols-1 lg:grid-cols-4 gap-10">
<!-- Question List -->
<section class="lg:col-span-3 space-y-4">
<!-- Question Row -->
<div class="border border-gray-200 rounded-xl px-4 py-4 hover:shadow-md transition-all duration-200">
<!-- Line 1: Title, Difficulty, Companies -->
<div class="flex flex-wrap justify-between items-center gap-2 mb-1">
<h3 class="text-base font-semibold text-gray-900">Reverse a Linked List</h3>
<div class="flex items-center gap-2">
<span class="text-xs bg-green-100 text-green-700 px-2 py-1 rounded-full">Beginner</span>
<div class="flex gap-1 flex-wrap">
<span class="text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded-full">Amazon</span>
<span class="text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded-full">Microsoft</span>
</div>
</div>
</div>
<!-- Line 2: Description -->
<p class="text-sm text-gray-600 mb-2">Reverse a singly linked list iteratively and recursively.</p>
<!-- Line 3: Tags and Solve Now -->
<div class="flex justify-between items-center flex-wrap gap-2">
<div class="flex flex-wrap gap-2 text-xs">
<span class="bg-gray-100 px-2 py-1 rounded-full">LinkedList</span>
</div>
<a href="#" class="text-sm font-medium text-blue-600 hover:underline whitespace-nowrap">Solve Now →</a>
</div>
</div>
<!-- Another Question Row -->
<div class="border border-gray-200 rounded-xl px-4 py-4 hover:shadow-md transition-all duration-200">
<!-- Line 1 -->
<div class="flex flex-wrap justify-between items-center gap-2 mb-1">
<h3 class="text-base font-semibold text-gray-900">Detect Cycle in Graph</h3>
<div class="flex items-center gap-2">
<span class="text-xs bg-yellow-100 text-yellow-700 px-2 py-1 rounded-full">Intermediate</span>
<div class="flex gap-1 flex-wrap">
<span class="text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded-full">Google</span>
<span class="text-xs bg-gray-100 text-gray-700 px-2 py-1 rounded-full">Meta</span>
</div>
</div>
</div>
<!-- Line 2 -->
<p class="text-sm text-gray-600 mb-2">Detect if a cycle exists in a directed graph.</p>
<!-- Line 3 -->
<div class="flex justify-between items-center flex-wrap gap-2">
<div class="flex flex-wrap gap-2 text-xs">
<span class="bg-gray-100 px-2 py-1 rounded-full">Graph</span>
<span class="bg-gray-100 px-2 py-1 rounded-full">DFS</span>
</div>
<a href="#" class="text-sm font-medium text-blue-600 hover:underline whitespace-nowrap">Solve Now →</a>
</div>
</div>
</section>
<!-- Sidebar Filters -->
<aside class="lg:col-span-1 space-y-6">
<!-- Search -->
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">Search</label>
<input type="text" placeholder="Search..." class="w-full border border-gray-300 px-4 py-2 rounded-md" />
</div>
<!-- Difficulty -->
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">Difficulty</label>
<select class="w-full border border-gray-300 px-3 py-2 rounded-md">
<option value="">All</option>
<option>Beginner</option>
<option>Intermediate</option>
<option>Advanced</option>
</select>
</div>
<!-- Companies -->
<div>
<label class="block text-sm font-medium text-gray-700 mb-2">Company</label>
<div class="space-y-2 text-sm text-gray-700">
<div><label><input type="checkbox" class="mr-2">Amazon</label></div>
<div><label><input type="checkbox" class="mr-2">Google</label></div>
<div><label><input type="checkbox" class="mr-2">Meta</label></div>
<div><label><input type="checkbox" class="mr-2">Microsoft</label></div>
<div><label><input type="checkbox" class="mr-2">Netflix</label></div>
</div>
</div>
</aside>
</main>
<!-- Footer -->
<footer class="bg-white border-t border-gray-200 text-sm text-gray-600 py-6">
<div class="max-w-6xl mx-auto px-4 flex flex-col md:flex-row justify-between items-center">
<p class="mb-2 md:mb-0">© 2025 CodeScoop.dev. All rights reserved.</p>
<div class="space-x-4">
<a href="#" class="hover:underline">Privacy</a>
<a href="#" class="hover:underline">Terms</a>
<a href="mailto:[email protected]" class="hover:underline">Contact</a>
</div>
</div>
</footer>
</body>
</html>