-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
214 lines (210 loc) · 11.8 KB
/
index.html
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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="./public/icon.png">
<title>Puppeteer Scripts</title>
</head>
<body>
<div class="container">
<!-- header --->
<div class="header">
<a href="https://github.com/saurabhkumar23/Awesome-Bots" target="_blank" class="title">JS Automation <i class="fas fa-rocket"></i></a>
</div>
<!-- main-content -->
<div class="main-content">
<!-- sidebar -->
<div class="sidebar">
<div class="search">
<input type="text" placeholder="Search" id="search">
<div>
<i class="fas fa-search"></i>
</div>
</div>
<ul class="scripts-list" id="searchList">
<a class="jump-link" href="#get-started">Get Started</a>
<a class="jump-link" href="#cleanup">Cleanup</a>
<a class="jump-link" href="#codecom">Code Companion</a>
<a class="jump-link" href="#spotify">Spotify Playlist Manager</a>
<a class="jump-link" href="#youtube">Youtube Playlist Analyzer</a>
</ul>
</div>
<!-- details -->
<div class="detail-container">
<div id="get-started" class="content-div">
<h3>
<a>## Get Started</a>
</h3>
<li>Open your Terminal/Command and run these commands.</li>
<div class="code">
<code class="usage">git clone "https://github.com/saurabhkumar23/Awesome-Bots.git"</code><br>
<code class="usage">cd Awesome-Bots</code><br>
<code class="usage">npm install</code><br>
<code class="usage">npm link</code>
</div>
</div>
<div id="cleanup" class="content-div">
<h3>
<a href="https://github.com/saurabhkumar23/Awesome-Bots/tree/master/bin/cleanup">
## Cleanup
</a>
</h3>
<li> <a href="https://drive.google.com/file/d/120YD_WMiKOERa_Bzxs1gVcdaK4RDuNsF/view?usp=sharing" target="_blank">SEE DEMO</a></li>
<li> A command line utility that organises
files in a directory into subdirectories based on the file extensions.
</li>
<li>Step 1: Go to the folder location which you want to organize.</li>
<div class="screenshot-container">
<img src="./public/organiser-step-1.png" alt="file-organiser-step-1">
</div>
<li>Step 2 : Open your terminal</li>
<div class="screenshot-container">
<img src="./public/organiser-step-2.png" alt="file-organiser-step-2">
</div>
<li>Step 3: Run command: </li>
<div class="code">
<code class="usage">$cleanup</code>
</div>
<li>Step 4: A new folder will be created with the name <b>organized_files</b>.</li>
<div class="screenshot-container">
<img src="./public/organiser-step-3.png" alt="file-organiser-step-3">
</div>
<li>Step 5: Open this folder, and see everything is organised :)</li>
<div class="screenshot-container">
<img src="./public/organiser-step-4.png" alt="file-organiser-step-3">
</div>
</div>
<div id="codecom" class="content-div">
<h3>
<a href="https://github.com/saurabhkumar23/Awesome-Bots/tree/master/bin/code-companion">
## Code Companion
</a>
</h3>
<li> <a href="https://drive.google.com/file/d/1K6KPqTnaj6jE9xr67JdkSsaQzbKVwciV/view?usp=sharing" target="_blank">SEE DEMO</a></li>
<li>You can save your time during contest time. You don't have to write the testcases again and again.
this automation script which download the test cases of all the problems
from different coding platforms and adds template according to your coding language.</li>
<li>supported coding platforms: <small>Codechef, Codeforces, Leetcode, Atcoder</small></li>
<li>Step 1 : Open your terminal.</li>
<div class="screenshot-container">
<img src="./public/code-step-1.png" alt="code-step-1">
</div>
<li>Step 2 : Run command: </li>
<div class="code">
<code class="usage">$getTestCases</code>
</div>
<div class="screenshot-container">
<img src="./public/code-step-2.png" alt="code-step-2">
</div>
<li>Step 3 : Choose your coding platform. <small>for leetcode, you need to give your leetcode credentials.</small></li>
<div class="screenshot-container">
<img src="./public/code-step-3.png" alt="code-step-3">
</div>
<li>Step 4 : give your contest id. <small>(you will find it on your contest URL. the id written at the end of the url)</small></p>
<div class="screenshot-container">
<img src="./public/code-step-4.png" alt="code-step-4">
</div>
<li>Step 5 : choose your coding language <small>(cpp/java/python).</small></li>
<div class="screenshot-container">
<img src="./public/code-step-5.png" alt="code-step-5">
</div>
<li>Step 6 : now, script will do his job :)</li>
<li>Step 7 : A new folder will be created with the name <b>code</b>.</li>
<div class="screenshot-container">
<img src="./public/code-step-6.png" alt="code-step-6">
</div>
<li>Step 8 : It will contain the coding platform folder.</li>
<div class="screenshot-container">
<img src="./public/code-step-7.png" alt="code-step-7">
</div>
<li>Step 9 : It will contain the contest ID folder.</li>
<div class="screenshot-container">
<img src="./public/code-step-8.png" alt="code-step-8">
</div>
<li>Step 10 : Here, we can see all the problem folders.</li>
<div class="screenshot-container">
<img src="./public/code-step-9.png" alt="code-step-9">
</div>
<li>Step 11 : Each problem folder will have these 3 files.</li>
<ul>
<li>input.txt : containing problem inputs.</li>
<li>output.txt : containing problem outputs.</li>
<li>our source code file</li>
</ul>
<div class="screenshot-container">
<img src="./public/code-step-10.png" alt="code-step-10">
</div>
</div>
<div id="spotify" class="content-div">
<h3>
<a href="https://github.com/saurabhkumar23/Awesome-Bots/tree/master/bin/spotify-playlist-manager">
## Spotify Playlist Manager
</a>
</h3>
<li> <a href="https://drive.google.com/file/d/1ihALDS1wnhzt2Bt_B_z9oLUcWU0Oyarb/view?usp=sharing" target="_blank">SEE DEMO</a></li>
<li>Managing playlists with huge amount of data consumes a lot of time.
this Automation script can help you manage your spotify playlist.
you don't have to create playlists, add or delete songs manually again and again.
</li>
<li>Step 1 : Open your terminal</li>
<div class="screenshot-container">
<img src="./public/spotify-step-1.png" alt="spotify-step-1">
</div>
<li>Step 2 : Run the following command and give your spotify credentials.</li>
<div class="code">
<code class="usage">$spotifyManage</code>
</div>
<div class="screenshot-container">
<img src="./public/spotify-step-2.png" alt="spotify-step-2">
</div>
<li>Step 3 : choose one of the following operation and then provide the necessary details.</li>
<ul>
<li>Create Playlist : Add songs to your new Playlist.</li>
<li>Modify any Playlist : Add/Remove songs from that Playlist.</li>
</ul>
<div class="screenshot-container">
<img src="./public/spotify-step-3.png" alt="spotify-step-3">
</div>
<li>Step 4 : now, script will handle everything :)</li>
</div>
<div id="youtube" class="content-div">
<h3>
<a href="https://github.com/saurabhkumar23/Awesome-Bots/tree/master/bin/youtube-playlist-analyzer">
## Youtube Playlist Analyzer
</a>
</h3>
<li> <a href="https://drive.google.com/file/d/1dMyEgOsNur2uYoRH2EXIdNv9iyVU1MZT/view?usp=sharing" target="_blank">SEE DEMO</a></li>
<li>Sometimes you want to track down the duration of a youtube playlist.
This Automation script will help you to calculate the following details of a playlist.</li>
<ul>
<li>no of videos of the playlist.</li>
<li>length of the playlist.</li>
<li>length of playlist when covered in different speed formats : 1.25x, 5x, 1.75x and 2x.</li>
<li>playlist content in tabular form.</li>
</ul>
<li>Step 1 : Open your terminal</li>
<div class="screenshot-container">
<img src="./public/ytp-step-1.png" alt="ytp-step-1">
</div>
<li>Step 2 : Run below command and paste the youtube playlist link
<small>(for eg: https://www.youtube.com/playlist?list=PLf7o2Xlqx5OHfAX0mN4CDryeNIWDn3C3_)</small></li>
<div class="code">
<code class="usage">$ytpAnalyzer</code>
</div>
<div class="screenshot-container">
<img src="./public/ytp-step-2.png" alt="ytp-step-2">
</div>
<li>Step 3 : Done!</li>
<div class="screenshot-container">
<img src="./public/ytp-step-3.png" alt="ytp-step-3">
</div>
</div>
</div>
</div>
</div>
</body>
</html>