Skip to content

Commit a6247a2

Browse files
devsdenepaldevsdenepal
committed
minor ui improvements
1 parent b8fbe78 commit a6247a2

File tree

3 files changed

+34
-1
lines changed

3 files changed

+34
-1
lines changed

‎src/components/CourseDetail.jsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -30,6 +30,7 @@ function CourseDetail() {
3030
<h4>Course Content:</h4>
3131
<YouTubeEmbed videoId='C7bHn1ZZCXI' />
3232
<p>{formatContent(course.content)}</p>
33+
<h4><span class="badge bg-primary">Written by {course.author}</span></h4>
3334
</div>
3435
);
3536
}

‎src/components/courseData.js‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
const courses = {
22
'course 1: github action setup': {
33
title: 'Course 1: GitHub Action Setup',
4+
author: 'Dev Gautam Kumar',
45
image: 'https://dummyimage.com/600x400/000/fff&text=GitHub+Action',
56
description: 'Learn how to automate your development workflows with GitHub Actions.',
67
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -15,6 +16,7 @@ const courses = {
1516
},
1617
'course 2: github pages guide': {
1718
title: 'Course 2: GitHub Pages Guide',
19+
author: 'Dev Gautam Kumar',
1820
image: 'https://dummyimage.com/600x400/000/fff&text=GitHub+Pages',
1921
description: 'Deploy static websites using GitHub Pages.',
2022
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -28,6 +30,7 @@ const courses = {
2830
},
2931
'course 3: introduction to firebase': {
3032
title: 'Course 3: Introduction to Firebase',
33+
author: 'Dev Gautam Kumar',
3134
image: 'https://dummyimage.com/600x400/000/fff&text=Firebase',
3235
description: 'Get started with Firebase to build modern web and mobile apps.',
3336
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -41,6 +44,7 @@ const courses = {
4144
},
4245
'course 4: working with cloudflare': {
4346
title: 'Course 4: Working with Cloudflare',
47+
author: 'Dev Gautam Kumar',
4448
image: 'https://dummyimage.com/600x400/000/fff&text=Cloudflare',
4549
description: 'Learn how to use Cloudflare to enhance website performance and security.',
4650
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -54,6 +58,7 @@ const courses = {
5458
},
5559
'course 5: everything you need to know about domain hosting': {
5660
title: 'Course 5: Everything You Need to Know About Domain Hosting',
61+
author: 'Dev Gautam Kumar',
5762
image: 'https://dummyimage.com/600x400/000/fff&text=Domain+Hosting',
5863
description: 'A comprehensive guide to understanding domain registration and hosting.',
5964
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -67,6 +72,7 @@ const courses = {
6772
},
6873
'course 6: how to: discord bot': {
6974
title: 'Course 6: How to Build a Discord Bot?',
75+
author: 'Dev Gautam Kumar',
7076
image: 'https://dummyimage.com/600x400/000/fff&text=Discord+Bot',
7177
description: 'Learn how to create and deploy a Discord bot using JavaScript.',
7278
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -80,6 +86,7 @@ const courses = {
8086
},
8187
'course 7: how to: telegram bot': {
8288
title: 'Course 7: How to Build a Telegram Bot?',
89+
author: 'Dev Gautam Kumar',
8390
image: 'https://dummyimage.com/600x400/000/fff&text=Telegram+Bot',
8491
description: 'Create and manage a Telegram bot using the Telegram Bot API.',
8592
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -93,6 +100,7 @@ const courses = {
93100
},
94101
'course 8: using webhooks for dev': {
95102
title: 'Course 8: Using Webhooks for Dev',
103+
author: 'Dev Gautam Kumar',
96104
image: 'https://dummyimage.com/600x400/000/fff&text=Webhooks',
97105
description: 'Master the art of integrating webhooks into your applications.',
98106
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -106,6 +114,7 @@ const courses = {
106114
},
107115
'course 9: oh my zsh setup': {
108116
title: 'Course 9: OH MY ZSH Setup',
117+
author: 'Dev Gautam Kumar',
109118
image: 'https://dummyimage.com/600x400/000/fff&text=ZSH+Setup',
110119
description: 'Enhance your terminal experience with OH MY ZSH.',
111120
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -118,6 +127,7 @@ const courses = {
118127
},
119128
'course 10: learn to customize terminal': {
120129
title: 'Course 10: Learn to Customize Terminal',
130+
author: 'Dev Gautam Kumar',
121131
image: 'https://dummyimage.com/600x400/000/fff&text=Customize+Terminal',
122132
description: 'Learn how to create a productive and visually appealing terminal environment.',
123133
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -130,6 +140,7 @@ const courses = {
130140
},
131141
'course 11: windows operational': {
132142
title: 'Course 11: Windows Operational',
143+
author: 'Dev Gautam Kumar',
133144
image: 'https://dummyimage.com/600x400/000/fff&text=Windows+Operational',
134145
description: 'A complete guide to operating and optimizing your Windows system for development.',
135146
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -142,6 +153,7 @@ const courses = {
142153
},
143154
'course 12: linux for devs': {
144155
title: 'Course 12: Linux for Devs',
156+
author: 'Dev Gautam Kumar',
145157
image: 'https://dummyimage.com/600x400/000/fff&text=Linux+for+Devs',
146158
description: 'Master Linux commands and workflows for software development.',
147159
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -154,6 +166,7 @@ const courses = {
154166
},
155167
'course 13: portfolio development': {
156168
title: 'Course 13: Portfolio Development',
169+
author: 'Dev Gautam Kumar',
157170
image: 'https://dummyimage.com/600x400/000/fff&text=Portfolio+Development',
158171
description: 'Build and showcase your skills with a professional online portfolio.',
159172
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -166,6 +179,7 @@ const courses = {
166179
},
167180
'course 14: guide to page indexing': {
168181
title: 'Course 14: Guide to Page Indexing',
182+
author: 'Dev Gautam Kumar',
169183
image: 'https://dummyimage.com/600x400/000/fff&text=Page+Indexing',
170184
description: 'Understand the process and importance of search engine indexing.',
171185
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -178,6 +192,7 @@ const courses = {
178192
},
179193
'course 15: why to use codespace': {
180194
title: 'Course 15: Why Use Codespace?',
195+
author: 'Dev Gautam Kumar',
181196
image: 'https://dummyimage.com/600x400/000/fff&text=Codespace',
182197
description: 'Learn why Codespace is essential for cloud-based development.',
183198
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -190,6 +205,7 @@ const courses = {
190205
},
191206
'course 16: website prototype designing': {
192207
title: 'Course 16: Website Prototype Designing',
208+
author: 'Dev Gautam Kumar',
193209
image: 'https://dummyimage.com/600x400/000/fff&text=Prototype+Designing',
194210
description: 'Learn the principles of website prototyping and user interface design.',
195211
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -202,6 +218,7 @@ const courses = {
202218
},
203219
'course 17: how to request a pull request': {
204220
title: 'Course 17: How to Request a Pull Request?',
221+
author: 'Dev Gautam Kumar',
205222
image: 'https://dummyimage.com/600x400/000/fff&text=Pull+Request',
206223
description: 'Master the process of contributing to open-source projects via pull requests.',
207224
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -214,6 +231,7 @@ const courses = {
214231
},
215232
'course 18: working with readme': {
216233
title: 'Course 18: Working with README',
234+
author: 'Dev Gautam Kumar',
217235
image: 'https://dummyimage.com/600x400/000/fff&text=README',
218236
description: 'Learn to create clear and effective README files for your projects.',
219237
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -226,6 +244,7 @@ const courses = {
226244
},
227245
'course 19: code websites in snaps (bootstrap)': {
228246
title: 'Course 19: Code Websites in Snaps (Bootstrap)',
247+
author: 'Dev Gautam Kumar',
229248
image: 'https://dummyimage.com/600x400/000/fff&text=Bootstrap',
230249
description: 'Learn to build responsive websites quickly using Bootstrap.',
231250
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -238,6 +257,7 @@ const courses = {
238257
},
239258
'course 20: code websites in snaps (tailwind)': {
240259
title: 'Course 20: Code Websites in Snaps (Tailwind)',
260+
author: 'Dev Gautam Kumar',
241261
image: 'https://dummyimage.com/600x400/000/fff&text=Tailwind',
242262
description: 'Create modern websites quickly with Tailwind CSS.',
243263
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -250,6 +270,7 @@ const courses = {
250270
},
251271
'course 21: fix browser routing in gh pages': {
252272
title: 'Course 21: Fix Browser Routing in GH Pages',
273+
author: 'Dev Gautam Kumar',
253274
image: 'https://dummyimage.com/600x400/000/fff&text=Browser+Routing',
254275
description: 'Learn how to fix common routing issues in GitHub Pages.',
255276
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -261,6 +282,7 @@ const courses = {
261282
},
262283
'course 22: centering an element': {
263284
title: 'Course 22: Centering an Element',
285+
author: 'Dev Gautam Kumar',
264286
image: 'https://dummyimage.com/600x400/000/fff&text=Centering',
265287
description: 'Learn how to center elements using CSS.',
266288
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -273,6 +295,7 @@ const courses = {
273295
},
274296
'course 23: convert raw json data to web interface': {
275297
title: 'Course 23: Convert Raw JSON Data to Web Interface',
298+
author: 'Dev Gautam Kumar',
276299
image: 'https://dummyimage.com/600x400/000/fff&text=JSON+to+Web',
277300
description: 'Learn to display and manipulate JSON data on your website.',
278301
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -285,6 +308,7 @@ const courses = {
285308
},
286309
'course 24: working with linux in windows wsl': {
287310
title: 'Course 24: Working with Linux in Windows WSL',
311+
author: 'Dev Gautam Kumar',
288312
image: 'https://dummyimage.com/600x400/000/fff&text=WSL',
289313
description: 'Learn to use the Windows Subsystem for Linux (WSL) for development.',
290314
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -297,6 +321,7 @@ const courses = {
297321
},
298322
'course 25: designing cli with ascii characters': {
299323
title: 'Course 25: Designing CLI with ASCII Characters',
324+
author: 'Dev Gautam Kumar',
300325
image: 'https://dummyimage.com/600x400/000/fff&text=CLI+Design',
301326
description: 'Learn how to make your CLI programs visually appealing with ASCII.',
302327
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -309,6 +334,7 @@ const courses = {
309334
},
310335
'course 26: hosting a free site': {
311336
title: 'Course 26: Hosting a Free Site',
337+
author: 'Dev Gautam Kumar',
312338
image: 'https://dummyimage.com/600x400/000/fff&text=Free+Hosting',
313339
description: 'Learn how to host a website for free using popular platforms.',
314340
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -321,6 +347,7 @@ const courses = {
321347
},
322348
'course 27: registering a free domain': {
323349
title: 'Course 27: Registering a Free Domain',
350+
author: 'Dev Gautam Kumar',
324351
image: 'https://dummyimage.com/600x400/000/fff&text=Free+Domain',
325352
description: 'Learn how to get a free domain for your website.',
326353
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -333,6 +360,7 @@ const courses = {
333360
},
334361
'course 28: using modules in several languages': {
335362
title: 'Course 28: Using Modules in Several Languages',
363+
author: 'Dev Gautam Kumar',
336364
image: 'https://dummyimage.com/600x400/000/fff&text=Modules',
337365
description: 'Learn to use and create modules across different programming languages.',
338366
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -345,6 +373,7 @@ const courses = {
345373
},
346374
'course 29: getting started in cybersec: kid package': {
347375
title: 'Course 29: Getting Started in Cybersecurity: Kid Package',
376+
author: 'Dev Gautam Kumar',
348377
image: 'https://dummyimage.com/600x400/000/fff&text=Cybersecurity+Basics',
349378
description: 'An introductory guide to cybersecurity for beginners.',
350379
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -357,6 +386,7 @@ const courses = {
357386
},
358387
'course 30: python for web scraping': {
359388
title: 'Course 30: Python for Web Scraping',
389+
author: 'Dev Gautam Kumar',
360390
image: 'https://dummyimage.com/600x400/000/fff&text=Web+Scraping',
361391
description: 'Learn to extract data from websites using Python.',
362392
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -369,6 +399,7 @@ const courses = {
369399
},
370400
'course 31: automate arduino speech recognition based project': {
371401
title: 'Course 31: Automate Arduino Speech Recognition Based Project',
402+
author: 'Dev Gautam Kumar',
372403
image: 'https://dummyimage.com/600x400/000/fff&text=Arduino+Speech+Recognition',
373404
description: 'Learn to create an Arduino project with speech recognition features.',
374405
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,
@@ -381,6 +412,7 @@ const courses = {
381412
},
382413
'course 32: android debug bridge for devs': {
383414
title: 'Course 32: Android Debug Bridge (ADB) for Devs',
415+
author: 'Dev Gautam Kumar',
384416
image: 'https://dummyimage.com/600x400/000/fff&text=Android+ADB',
385417
description: 'Learn how to use Android Debug Bridge (ADB) for app development and debugging.',
386418
ytb_vid:`https://www.youtube.com/watch?v=8lEsbcUSoU8`,

‎src/components/profile.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@ function Profile() {
3232
}
3333
}
3434
return (
35-
<div>
35+
<div className="text-center">
3636
{/* <Navbar loggedin='true'></Navbar> */}
3737
{userDetails ? (
3838
<>

0 commit comments

Comments
 (0)