Skip to content

Commit 13772b7

Browse files
devsdenepaldevsdenepal
committed
some changes
1 parent f4168b3 commit 13772b7

File tree

6 files changed

+40
-39
lines changed

6 files changed

+40
-39
lines changed

‎index.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,11 @@
2626
<meta name="keywords" content="programming courses, KrimsonSquad, free coding courses, learn programming, development tutorials, open courses" />
2727
<meta name="author" content="KrimsonSquad" />
2828
<meta name="robots" content="index, follow" />
29+
<script src="https://kit.fontawesome.com/1364c3c233.js" crossorigin="anonymous"></script>
2930

3031
</head>
3132
<body>
3233
<div id="root"></div>
3334
<script type="module" src="/src/main.jsx"></script>
34-
</body>
35+
</body i>
3536
</html>

‎src/components/CourseDetail.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -28,9 +28,9 @@ function CourseDetail() {
2828
<img src={course.image} alt={course.title} className="img-fluid" />
2929
<p>{course.description}</p>
3030
<h4>Course Content:</h4>
31-
<YouTubeEmbed videoId='C7bHn1ZZCXI' />
31+
<YouTubeEmbed videoId={course.ytb_vid} />
3232
<p>{formatContent(course.content)}</p>
33-
<h4><span className="badge bg-primary">Written by {course.author}</span></h4>
33+
<h6><span className="badge bg-primary"><i className="fa-solid fa-pen-nib"></i> {course.author}</span></h6>
3434
</div>
3535
);
3636
}

‎src/components/Navbar.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ function Navbar({ loggedin }) {
7171
</form>
7272
</div>
7373
{loggedin === 'true' ? (
74-
<Link className="btn btn-primary clk" to="/profile">Profile</Link>
74+
<span><Link className="btn btn-primary clk rounded-circle" to="/profile"><i className="fa-regular fa-user"></i></Link> Profile</span>
7575
) : (
7676
<Link className="btn btn-primary clk" to="/login">Sign up</Link>
7777
)}

‎src/components/courseData.js‎

Lines changed: 33 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ const courses = {
44
author: 'Dev Gautam Kumar',
55
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=GitHub+Action', // Green for productivity
66
description: 'Learn how to automate your development workflows with GitHub Actions.',
7-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
7+
ytb_vid: 'C7bHn1ZZCXI',
88
content: `
99
This course will cover:
1010
\n- Setting up GitHub Actions
@@ -19,7 +19,7 @@ const courses = {
1919
author: 'Dev Gautam Kumar',
2020
image: 'https://dummyimage.com/600x400/2196F3/fff&text=GitHub+Pages', // Blue for trust
2121
description: 'Deploy static websites using GitHub Pages.',
22-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
22+
ytb_vid: 'C7bHn1ZZCXI',
2323
content: `
2424
Learn how to:
2525
\n- Host websites on GitHub Pages
@@ -33,7 +33,7 @@ const courses = {
3333
author: 'Dev Gautam Kumar',
3434
image: 'https://dummyimage.com/600x400/FF5722/fff&text=Firebase', // Orange for enthusiasm
3535
description: 'Get started with Firebase to build modern web and mobile apps.',
36-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
36+
ytb_vid: 'C7bHn1ZZCXI',
3737
content: `
3838
This course covers:
3939
\n- Setting up Firebase projects
@@ -47,7 +47,7 @@ const courses = {
4747
author: 'Dev Gautam Kumar',
4848
image: 'https://dummyimage.com/600x400/9C27B0/fff&text=Cloudflare', // Purple for creativity
4949
description: 'Learn how to use Cloudflare to enhance website performance and security.',
50-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
50+
ytb_vid: 'C7bHn1ZZCXI',
5151
content: `
5252
In this course, you will learn:
5353
\n- DNS management
@@ -61,7 +61,7 @@ const courses = {
6161
author: 'Dev Gautam Kumar',
6262
image: 'https://dummyimage.com/600x400/FF9800/fff&text=Domain+Hosting', // Amber for warmth
6363
description: 'A comprehensive guide to understanding domain registration and hosting.',
64-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
64+
ytb_vid: 'C7bHn1ZZCXI',
6565
content: `
6666
Learn about:
6767
\n- Domain registration
@@ -75,7 +75,7 @@ const courses = {
7575
author: 'Dev Gautam Kumar',
7676
image: 'https://dummyimage.com/600x400/3F51B5/fff&text=Discord+Bot', // Indigo for professionalism
7777
description: 'Learn how to create and deploy a Discord bot using JavaScript.',
78-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
78+
ytb_vid: 'C7bHn1ZZCXI',
7979
content: `
8080
This course will cover:
8181
\n- Setting up a Discord bot
@@ -89,7 +89,7 @@ const courses = {
8989
author: 'Dev Gautam Kumar',
9090
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=Telegram+Bot', // Green for growth
9191
description: 'Create and manage a Telegram bot using the Telegram Bot API.',
92-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
92+
ytb_vid: 'C7bHn1ZZCXI',
9393
content: `
9494
Learn how to:
9595
\n- Set up a Telegram bot
@@ -103,7 +103,7 @@ const courses = {
103103
author: 'Dev Gautam Kumar',
104104
image: 'https://dummyimage.com/600x400/FFC107/fff&text=Webhooks', // Yellow for clarity
105105
description: 'Master the art of integrating webhooks into your applications.',
106-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
106+
ytb_vid: 'C7bHn1ZZCXI',
107107
content: `
108108
This course will teach:
109109
\n- What webhooks are and how they work
@@ -117,7 +117,7 @@ const courses = {
117117
author: 'Dev Gautam Kumar',
118118
image: 'https://dummyimage.com/600x400/00BCD4/fff&text=ZSH+Setup', // Cyan for tranquility
119119
description: 'Enhance your terminal experience with OH MY ZSH.',
120-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
120+
ytb_vid: 'C7bHn1ZZCXI',
121121
content: `
122122
This course covers:
123123
\n- Installing and configuring OH MY ZSH
@@ -130,7 +130,7 @@ const courses = {
130130
author: 'Dev Gautam Kumar',
131131
image: 'https://dummyimage.com/600x400/673AB7/fff&text=Customize+Terminal', // Deep Purple for creativity
132132
description: 'Learn how to create a productive and visually appealing terminal environment.',
133-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
133+
ytb_vid: 'C7bHn1ZZCXI',
134134
content: `
135135
This course will teach you:
136136
\n- Customizing terminal prompts and colors
@@ -143,7 +143,7 @@ const courses = {
143143
author: 'Dev Gautam Kumar',
144144
image: 'https://dummyimage.com/600x400/FFEB3B/000&text=Windows+Operational', // Yellow for clarity
145145
description: 'A complete guide to operating and optimizing your Windows system for development.',
146-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
146+
ytb_vid: 'C7bHn1ZZCXI',
147147
content: `
148148
This course covers:
149149
\n- Essential Windows commands and shortcuts
@@ -156,7 +156,7 @@ const courses = {
156156
author: 'Dev Gautam Kumar',
157157
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=Linux+for+Devs', // Green for productivity
158158
description: 'Master Linux commands and workflows for software development.',
159-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
159+
ytb_vid: 'C7bHn1ZZCXI',
160160
content: `
161161
Learn how to:
162162
\n- Navigate Linux file systems
@@ -169,7 +169,7 @@ const courses = {
169169
author: 'Dev Gautam Kumar',
170170
image: 'https://dummyimage.com/600x400/FF5722/fff&text=Portfolio+Development', // Orange for enthusiasm
171171
description: 'Build and showcase your skills with a professional online portfolio.',
172-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
172+
ytb_vid: 'C7bHn1ZZCXI',
173173
content: `
174174
This course will teach:
175175
\n- Structuring and designing portfolios
@@ -182,7 +182,7 @@ const courses = {
182182
author: 'Dev Gautam Kumar',
183183
image: 'https://dummyimage.com/600x400/3F51B5/fff&text=Indexing', // Indigo for professionalism
184184
description: 'Learn about effective indexing strategies for databases.',
185-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
185+
ytb_vid: 'C7bHn1ZZCXI',
186186
content: `
187187
In this course, you will learn:
188188
\n- Types of indexing methods
@@ -195,7 +195,7 @@ const courses = {
195195
author: 'Dev Gautam Kumar',
196196
image: 'https://dummyimage.com/600x400/FF9800/fff&text=Advanced+GitHub', // Amber for warmth
197197
description: 'Dive deeper into GitHub features and best practices.',
198-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
198+
ytb_vid: 'C7bHn1ZZCXI',
199199
content: `
200200
This course covers:
201201
\n- Advanced branching strategies
@@ -208,7 +208,7 @@ const courses = {
208208
author: 'Dev Gautam Kumar',
209209
image: 'https://dummyimage.com/600x400/2196F3/fff&text=Flutter+App+Dev', // Blue for trust
210210
description: 'Learn how to build cross-platform apps with Flutter.',
211-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
211+
ytb_vid: 'C7bHn1ZZCXI',
212212
content: `
213213
This course will teach:
214214
\n- Setting up Flutter environment
@@ -221,7 +221,7 @@ const courses = {
221221
author: 'Dev Gautam Kumar',
222222
image: 'https://dummyimage.com/600x400/9C27B0/fff&text=DSA', // Purple for creativity
223223
description: 'Master the fundamentals of data structures and algorithms.',
224-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
224+
ytb_vid: 'C7bHn1ZZCXI',
225225
content: `
226226
In this course, you will learn:
227227
\n- Common data structures
@@ -234,7 +234,7 @@ const courses = {
234234
author: 'Dev Gautam Kumar',
235235
image: 'https://dummyimage.com/600x400/FF5722/fff&text=Machine+Learning', // Orange for enthusiasm
236236
description: 'Get introduced to the world of machine learning.',
237-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
237+
ytb_vid: 'C7bHn1ZZCXI',
238238
content: `
239239
This course covers:
240240
\n- Key concepts of machine learning
@@ -247,7 +247,7 @@ const courses = {
247247
author: 'Dev Gautam Kumar',
248248
image: 'https://dummyimage.com/600x400/FF9800/fff&text=Cyber+Security', // Amber for warmth
249249
description: 'Understand the basics of cyber security and how to protect systems.',
250-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
250+
ytb_vid: 'C7bHn1ZZCXI',
251251
content: `
252252
Learn about:
253253
\n- Common threats and vulnerabilities
@@ -260,7 +260,7 @@ const courses = {
260260
author: 'Dev Gautam Kumar',
261261
image: 'https://dummyimage.com/600x400/3F51B5/fff&text=Web+Scraping', // Indigo for professionalism
262262
description: 'Learn how to scrape web data using Python libraries.',
263-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
263+
ytb_vid: 'C7bHn1ZZCXI',
264264
content: `
265265
This course will teach you:
266266
\n- Using BeautifulSoup and Scrapy
@@ -273,7 +273,7 @@ const courses = {
273273
author: 'Dev Gautam Kumar',
274274
image: 'https://dummyimage.com/600x400/FFEB3B/000&text=Flask+API', // Yellow for clarity
275275
description: 'Create RESTful APIs using Flask in Python.',
276-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
276+
ytb_vid: 'C7bHn1ZZCXI',
277277
content: `
278278
In this course, you will learn:
279279
\n- Setting up Flask environment
@@ -286,7 +286,7 @@ const courses = {
286286
author: 'Dev Gautam Kumar',
287287
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=Front-End+Frameworks', // Green for productivity
288288
description: 'Explore popular front-end frameworks like React, Angular, and Vue.js.',
289-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
289+
ytb_vid: 'C7bHn1ZZCXI',
290290
content: `
291291
Learn about:
292292
\n- Comparing different frameworks
@@ -299,7 +299,7 @@ const courses = {
299299
author: 'Dev Gautam Kumar',
300300
image: 'https://dummyimage.com/600x400/FF5722/fff&text=Node.js', // Orange for enthusiasm
301301
description: 'Learn to build scalable applications using Node.js.',
302-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
302+
ytb_vid: 'C7bHn1ZZCXI',
303303
content: `
304304
This course covers:
305305
\n- Setting up Node.js environment
@@ -312,7 +312,7 @@ const courses = {
312312
author: 'Dev Gautam Kumar',
313313
image: 'https://dummyimage.com/600x400/9C27B0/fff&text=Testing+Debugging', // Purple for creativity
314314
description: 'Master testing and debugging techniques for software development.',
315-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
315+
ytb_vid: 'C7bHn1ZZCXI',
316316
content: `
317317
Learn how to:
318318
\n- Write unit and integration tests
@@ -325,7 +325,7 @@ const courses = {
325325
author: 'Dev Gautam Kumar',
326326
image: 'https://dummyimage.com/600x400/00BCD4/fff&text=DevOps', // Cyan for tranquility
327327
description: 'Understand DevOps practices and principles for better collaboration.',
328-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
328+
ytb_vid: 'C7bHn1ZZCXI',
329329
content: `
330330
This course will teach:
331331
\n- Continuous integration and delivery
@@ -338,7 +338,7 @@ const courses = {
338338
author: 'Dev Gautam Kumar',
339339
image: 'https://dummyimage.com/600x400/FFEB3B/000&text=Docker', // Yellow for clarity
340340
description: 'Learn the basics of containerization using Docker.',
341-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
341+
ytb_vid: 'C7bHn1ZZCXI',
342342
content: `
343343
In this course, you will learn:
344344
\n- Setting up Docker environment
@@ -351,7 +351,7 @@ const courses = {
351351
author: 'Dev Gautam Kumar',
352352
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=React+Native', // Green for productivity
353353
description: 'Build mobile applications using React Native framework.',
354-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
354+
ytb_vid: 'C7bHn1ZZCXI',
355355
content: `
356356
This course covers:
357357
\n- Setting up React Native environment
@@ -364,7 +364,7 @@ const courses = {
364364
author: 'Dev Gautam Kumar',
365365
image: 'https://dummyimage.com/600x400/FF9800/fff&text=APIs', // Amber for warmth
366366
description: 'Learn how to work with APIs for integrating services.',
367-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
367+
ytb_vid: 'C7bHn1ZZCXI',
368368
content: `
369369
Learn about:
370370
\n- Types of APIs (REST, SOAP)
@@ -377,7 +377,7 @@ const courses = {
377377
author: 'Dev Gautam Kumar',
378378
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=Automation', // Green for productivity
379379
description: 'Automate repetitive tasks using Python scripts.',
380-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
380+
ytb_vid: 'C7bHn1ZZCXI',
381381
content: `
382382
This course will teach you:
383383
\n- Writing scripts for automation
@@ -390,7 +390,7 @@ const courses = {
390390
author: 'Dev Gautam Kumar',
391391
image: 'https://dummyimage.com/600x400/9C27B0/fff&text=Communication', // Purple for creativity
392392
description: 'Enhance your communication skills in technical environments.',
393-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
393+
ytb_vid: 'C7bHn1ZZCXI',
394394
content: `
395395
Learn how to:
396396
\n- Communicate technical concepts clearly
@@ -403,7 +403,7 @@ const courses = {
403403
author: 'Dev Gautam Kumar',
404404
image: 'https://dummyimage.com/600x400/FF5722/fff&text=Ethical+Hacking', // Orange for enthusiasm
405405
description: 'Understand the basics of ethical hacking and cybersecurity.',
406-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
406+
ytb_vid: 'C7bHn1ZZCXI',
407407
content: `
408408
This course covers:
409409
\n- Key concepts of ethical hacking
@@ -416,7 +416,7 @@ const courses = {
416416
author: 'Dev Gautam Kumar',
417417
image: 'https://dummyimage.com/600x400/4CAF50/fff&text=VR+Development', // Green for productivity
418418
description: 'Learn to create immersive experiences in virtual reality.',
419-
ytb_vid: 'https://www.youtube.com/watch?v=8lEsbcUSoU8',
419+
ytb_vid: 'C7bHn1ZZCXI',
420420
content: `
421421
This course will teach you:
422422
\n- Basics of VR technologies
@@ -429,7 +429,7 @@ const courses = {
429429
author: 'Dev Gautam Kumar',
430430
image: 'https://dummyimage.com/600x400/FF9800/fff&text=Programming+Basics', // Orange for creativity
431431
description: 'Learn the fundamentals of programming and problem-solving techniques.',
432-
ytb_vid: 'https://www.youtube.com/watch?v=Z1Yd7upQsXY',
432+
ytb_vid: 'Z1Yd7upQsXY',
433433
content: `
434434
This course will introduce you to:
435435
\n- Basic programming concepts and logic

‎src/components/login.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -54,7 +54,7 @@ function Login() {
5454

5555
<div className="d-grid">
5656
<button type="submit" className="btn btn-primary">
57-
Submit
57+
Login <i className="fa-solid fa-right-to-bracket"></i>
5858
</button>
5959
</div>
6060
<p className="forgot-password text-right">

‎src/components/profile.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@ function Profile() {
5050
{/* <p>Last Name: {userDetails.lastName}</p> */}
5151
</div>
5252
<button className="btn btn-primary" onClick={handleLogout}>
53-
Logout
53+
<i className="fa-solid fa-right-from-bracket"></i> Logout
5454
</button>
5555
</>
5656
) : (

0 commit comments

Comments
 (0)