-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathkpk-post.html
107 lines (81 loc) · 2.84 KB
/
kpk-post.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
<!DOCTYPE html>
<html>
<head>
<title>KidsPowerKids</title>
<link rel="shortcut icon" type="image/png" href="images/kpk-fav2.png">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1" />
<link href="https://fonts.googleapis.com/css2?family=Russo+One&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="default.css">
<style type="text/css">
.img-container{
max-width: 600px;
}
img{
width: 100%
}
</style>
</head>
<body>
<div class="nav-wrapper">
<!-- Link around dots-wrapper added after tutorial video -->
<a href="index.html">
<div class="dots-wrapper">
<div id="dot-1" class="browser-dot"></div>
<div id="dot-2" class="browser-dot"></div>
<div id="dot-3" class="browser-dot"></div>
</div>
</a>
<ul id="navigation">
<li><a href="index.html">Back</a></li>
</ul>
</div>
<div class="main-container">
<br>
<div class="img-container">
<img src="images/kpk-post1.PNG">
</div>
<h3>KidsPowerKids</h3>
<p>This was a project I started back in 2020. This is one of my first projects witch I embarked on with the goal to learn Proejct/Prodct managment.
<br>
<br>
What is KidsPowerKids? Kids Power Kids, a non-profit organization with the goal of teaching young demographics concepts such as programming, algorithms, math, problem solving, computer science, and many other topics related to these fields at no monetary cost.
<br>
<br>
I am Currently managing this project to this day!</p>
<h5>Technologies Used:</h5>
<ul>
<li>- JavaScript</li>
<li>- React Framework</li>
<li>- MongoDB</li>
<li>- Hetzner</li>
<li>- Figma for Designs</li>
<li>- Auth0 (For authentication)</li>
<li>- Github</li>
<li>- Docker</li>
</ul>
<h5>Main Page (http://65.21.246.49:3000)</h5>
<div class="img-container">
<img src="images/kpk-post1.PNG">
</div>
<h6>Profile Page (http://65.21.246.49:3000/profile)</h5>
<div class="img-container">
<img src="images/profile-kpk.PNG">
<p>You can Edit your information!</p>
</div>
<h5>Task page (http://65.21.246.49:3000/course/somename/chapter/somename/task/somename/step/somename)</h5>
<div class="img-container">
<img src="images/task-kpk.PNG">
<p>in this page you can actually write and run code! (You can check the console logs for more information) (Run console.log("Hello World!"); to complete task)</p>
</div>
<h5>Teacher Dashboard (http://65.21.246.49:3000/teacher-dashboard)</h5>
<div class="img-container">
<img src="images/Teacher-dashboard-kpk.PNG">
</div>
<h5>Dashboard (http://65.21.246.49:3000/dashboard)</h5>
<div class="img-container">
<img src="images/dashboard-kpk.PNG">
</div>
</div>
</body>
</html>