Skip to content

Commit 5a391c9

Browse files
adityai0adityai0
authored
Merge pull request #533 from Apo-orva17/main
Added 'Explore More' button to components missing it (Issue #446)
2 parents a023afc + 8358bd4 commit 5a391c9

4 files changed

Lines changed: 87 additions & 0 deletions

File tree

‎backendChallenges.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,23 @@
2121
}
2222
.challenge-title { font-weight: 600; color: #e53e3e; }
2323
.challenge-desc { color: #718096; font-size: 0.95rem; }
24+
25+
26+
.explorebtn {
27+
margin-top: 0.5rem;
28+
padding: 0.3rem 0.8rem;
29+
background-color: #0778f1;
30+
color: white;
31+
border-radius: 8px;
32+
text-align: right;
33+
cursor: pointer;
34+
transition: background-color 0.3s ease;
35+
font-size: 0.92rem;
36+
float: right;
37+
}
38+
.explorebtn:hover {
39+
background-color: #034081;
40+
}
2441
</style>
2542
</head>
2643
<body>
@@ -32,22 +49,27 @@ <h1>Backend Basics Challenges</h1>
3249
<div class="challenge">
3350
<div class="challenge-title">Simple API Server</div>
3451
<div class="challenge-desc">Create a basic Express or Flask API that returns JSON data.</div>
52+
<div class="explorebtn"> Explore more </div>
3553
</div>
3654
<div class="challenge">
3755
<div class="challenge-title">Form Submission Backend</div>
3856
<div class="challenge-desc">Accept and store form data sent from a frontend using POST.</div>
57+
<div class="explorebtn"> Explore more </div>
3958
</div>
4059
<div class="challenge">
4160
<div class="challenge-title">User Auth Basics</div>
4261
<div class="challenge-desc">Implement simple login/signup logic using sessions or JWT.</div>
62+
<div class="explorebtn"> Explore more </div>
4363
</div>
4464
<div class="challenge">
4565
<div class="challenge-title">CRUD with SQLite</div>
4666
<div class="challenge-desc">Build a Create/Read/Update/Delete API for a todo app.</div>
67+
<div class="explorebtn"> Explore more </div>
4768
</div>
4869
<div class="challenge">
4970
<div class="challenge-title">API Documentation</div>
5071
<div class="challenge-desc">Use Swagger or Postman to document your API endpoints.</div>
72+
<div class="explorebtn"> Explore more </div>
5173
</div>
5274
</div>
5375

‎gitChallenges.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,23 @@
2121
}
2222
.challenge-title { font-weight: 600; color: #dd6b20; }
2323
.challenge-desc { color: #718096; font-size: 0.95rem; }
24+
25+
26+
.explorebtn {
27+
margin-top: 0.5rem;
28+
padding: 0.3rem 0.8rem;
29+
background-color: #0778f1;
30+
color: white;
31+
border-radius: 8px;
32+
text-align: right;
33+
cursor: pointer;
34+
transition: background-color 0.3s ease;
35+
font-size: 0.92rem;
36+
float: right;
37+
}
38+
.explorebtn:hover {
39+
background-color: #034081;
40+
}
2441
</style>
2542
</head>
2643
<body>
@@ -32,22 +49,27 @@ <h1>Open Source Challenges</h1>
3249
<div class="challenge">
3350
<div class="challenge-title">Find a Good First Issue</div>
3451
<div class="challenge-desc">Use GitHub filters to find beginner-friendly open issues and comment on one.</div>
52+
<div class="explorebtn"> Explore more </div>
3553
</div>
3654
<div class="challenge">
3755
<div class="challenge-title">Fork & Clone a Repo</div>
3856
<div class="challenge-desc">Fork a project, clone it, and set up the local dev environment.</div>
57+
<div class="explorebtn"> Explore more </div>
3958
</div>
4059
<div class="challenge">
4160
<div class="challenge-title">Make a Pull Request</div>
4261
<div class="challenge-desc">Fix a typo or small bug and raise a PR to get your first contribution.</div>
62+
<div class="explorebtn"> Explore more </div>
4363
</div>
4464
<div class="challenge">
4565
<div class="challenge-title">Improve a README</div>
4666
<div class="challenge-desc">Find a project with a weak README and add helpful info or setup steps.</div>
67+
<div class="explorebtn"> Explore more </div>
4768
</div>
4869
<div class="challenge">
4970
<div class="challenge-title">Join a GitHub Discussion</div>
5071
<div class="challenge-desc">Participate in an open-source discussion thread and share suggestions.</div>
72+
<div class="explorebtn"> Explore more </div>
5173
</div>
5274
</div>
5375

‎jslogics.html‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,6 +42,22 @@
4242
color: #718096;
4343
font-size: 0.95rem;
4444
}
45+
46+
.explorebtn {
47+
margin-top: 0.5rem;
48+
padding: 0.3rem 0.8rem;
49+
background-color: #0778f1;
50+
color: white;
51+
border-radius: 8px;
52+
text-align: right;
53+
cursor: pointer;
54+
transition: background-color 0.3s ease;
55+
font-size: 0.92rem;
56+
float: right;
57+
}
58+
.explorebtn:hover {
59+
background-color: #034081;
60+
}
4561
</style>
4662
</head>
4763
<body>
@@ -53,26 +69,31 @@ <h1>JavaScript Logic Challenges</h1>
5369
<div class="challenge">
5470
<div class="challenge-title">Palindrome Checker</div>
5571
<div class="challenge-desc">Write a function to check if a string reads the same backward as forward.</div>
72+
<div class="explorebtn"> Explore more </div>
5673
</div>
5774

5875
<div class="challenge">
5976
<div class="challenge-title">FizzBuzz</div>
6077
<div class="challenge-desc">Classic logic problem to print numbers with special rules for multiples of 3 and 5.</div>
78+
<div class="explorebtn"> Explore more </div>
6179
</div>
6280

6381
<div class="challenge">
6482
<div class="challenge-title">Anagram Validator</div>
6583
<div class="challenge-desc">Create a function that checks whether two strings are anagrams.</div>
84+
<div class="explorebtn"> Explore more </div>
6685
</div>
6786

6887
<div class="challenge">
6988
<div class="challenge-title">Factorial Calculator</div>
7089
<div class="challenge-desc">Write a function that calculates the factorial of a number using recursion.</div>
90+
<div class="explorebtn"> Explore more </div>
7191
</div>
7292

7393
<div class="challenge">
7494
<div class="challenge-title">Array Flattener</div>
7595
<div class="challenge-desc">Flatten a deeply nested array using recursion or iterative logic.</div>
96+
<div class="explorebtn"> Explore more </div>
7697
</div>
7798
</div>
7899

‎uiChallenges.html‎

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,23 @@
2121
}
2222
.challenge-title { font-weight: 600; color: #38a169; }
2323
.challenge-desc { color: #718096; font-size: 0.95rem; }
24+
25+
26+
.explorebtn {
27+
margin-top: 0.5rem;
28+
padding: 0.3rem 0.8rem;
29+
background-color: #0778f1;
30+
color: white;
31+
border-radius: 8px;
32+
text-align: right;
33+
cursor: pointer;
34+
transition: background-color 0.3s ease;
35+
font-size: 0.92rem;
36+
float: right;
37+
}
38+
.explorebtn:hover {
39+
background-color: #034081;
40+
}
2441
</style>
2542
</head>
2643
<body>
@@ -32,22 +49,27 @@ <h1>UI Design Tasks</h1>
3249
<div class="challenge">
3350
<div class="challenge-title">Profile Card UI</div>
3451
<div class="challenge-desc">Design and build a profile card with image, name, and social links.</div>
52+
<div class="explorebtn"> Explore more </div>
3553
</div>
3654
<div class="challenge">
3755
<div class="challenge-title">Pricing Table</div>
3856
<div class="challenge-desc">Create a clean and responsive pricing component for a SaaS app.</div>
57+
<div class="explorebtn"> Explore more </div>
3958
</div>
4059
<div class="challenge">
4160
<div class="challenge-title">Login Page UI</div>
4261
<div class="challenge-desc">Design a modern login form with input validation UI.</div>
62+
<div class="explorebtn"> Explore more </div>
4363
</div>
4464
<div class="challenge">
4565
<div class="challenge-title">Navbar with Dropdown</div>
4666
<div class="challenge-desc">Build a responsive navigation bar with dropdown support.</div>
67+
<div class="explorebtn"> Explore more </div>
4768
</div>
4869
<div class="challenge">
4970
<div class="challenge-title">Dark Mode Toggle</div>
5071
<div class="challenge-desc">Add a dark mode toggle switch with a smooth transition effect.</div>
72+
<div class="explorebtn"> Explore more </div>
5173
</div>
5274
</div>
5375

0 commit comments

Comments
 (0)