-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
191 lines (173 loc) · 6.72 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Coding Projects</title>
</head>
<body>
<header>
<h1>My Coding Projects</h1>
</header>
<section id="projects">
<h2>Projects</h2>
<hr>
<h3>Extracurricular Work</h3>
<div>
<h4>Anyone can register notice</h4>
<p>Description: A notice to alert WoA users that the `users_can_register` option is active. The intent of
this notice is to help reduce instances of maliciousl registered users, particularly admins. </p>
<p>Of note: I also deployed the first PR (with a kind shadow) in order to practice deployment checks and
building the deployment </p>
<p>Technologies used: </p>
<ul>
<li>PHP</li>
<li>jQuery</li>
<li>WordPress</li>
</ul>
<div>
<a href=https://github.com/Automattic/wpcomsh/pull/1281>Original PR</a>
</div>
<div>
<a href="https://github.com/Automattic/wpcomsh/pull/1404">PR addressing user feedback</a>
</div>
<div>
<a href="https://github.com/Automattic/wpcomsh/pull/1376">Updates language files for post
translation</a>
</div>
</div>
<div>
<h4>Updating blocked plugins functionality</h4>
<p>Description: Updates wpcomsh and calypso to include newly blocked plugins on WoA. </p>
<p>Technologies used: </p>
<ul>
<li>PHP</li>
<li>WordPress</li>
</ul>
<div>
<a href="https://github.com/Automattic/wpcomsh/pull/1055">wpcomsh changes</a>
</div>
<div>
<a href="https://github.com/Automattic/wp-calypso/pull/66050">calypso changes</a>
</div>
</div>
<hr>
<h3>Learning Circle</h3>
<div>
<h4>Menu shortcode plugin</h4>
<p>Description: A project designed to help us get familiar with how dev environments are created, how
WordPress plugins are built, how packages are built, and various React technologies.</p>
<p>Technologies used: </p>
<ul>
<li>PHP</li>
<li>React</li>
<li>WordPress</li>
<li>Webpack</li>
<li>npm</li>
<li>Composer</li>
<li>Docker</li>
</ul>
<div>
<a href="https://github.com/Nic-Sevic/dev-learning-circle">The fork of the repo with my branch merged to trunk</a>
<a href="https://github.com/Nic-Sevic/dev-learning-circle-public"> Public repo with the main code </a>
</div>
</div>
<hr>
<h3>freeCodeCamp - Front End Development Libraries cert projects</h3>
<div>
<h4>Markdown Previewer</h4>
<p>Description: Side by side editor and preview pane for markdown.</p>
<p>Technologies used:</p>
<ul>
<li>React</li>
<li>Marked library</li>
<li>DOMPurify library</li>
</ul>
<div>
<p class="codepen" data-height="300" data-theme-id="dark" data-default-tab="js,result"
data-slug-hash="rNQmoZN" data-user="Nic_Sevic"
style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/Nic_Sevic/pen/rNQmoZN">
FCC - Markdown Previewer</a> by Nic-Sevic (<a
href="https://codepen.io/Nic_Sevic">@Nic_Sevic</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
<h4>Drum Machine</h4>
<p>Description: Simple drum machine with track plackback feature</p>
<p>Technologies used:</p>
<ul>
<li>React</li>
</ul>
<div>
<p class="codepen" data-height="300" data-theme-id="dark" data-default-tab="js,result" data-slug-hash="ZEmrjwE" data-user="Nic_Sevic" style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/Nic_Sevic/pen/ZEmrjwE">
FCC - FrontEnd - Drum Machine</a> by Nic-Sevic (<a href="https://codepen.io/Nic_Sevic">@Nic_Sevic</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
<h4>Quote Machine</h4>
<p>Description: Displays a random quote. You can request a new quote. You can also share the generator to
Tumblr.</p>
<p>Technologies used: </p>
<ul>
<li>React</li>
</ul>
<div>
<p class="codepen" data-height="300" data-theme-id="dark" data-default-tab="js,result"
data-slug-hash="eYPEdKG" data-user="Nic_Sevic"
style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/Nic_Sevic/pen/eYPEdKG">
FCC - Quote Generator</a> by Nic-Sevic (<a
href="https://codepen.io/Nic_Sevic">@Nic_Sevic</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
<h4>Calculator</h4>
<p>Description: Basic JS calculator</p>
<p>Technologies used: </p>
<ul>
<li>React</li>
<li>frustration</li>
</ul>
<div>
<p class="codepen" data-height="300" data-theme-id="dark" data-default-tab="js,result"
data-slug-hash="rNQdJWY" data-user="Nic_Sevic"
style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/Nic_Sevic/pen/rNQdJWY">
FCC - FrontEnd - Calculator</a> by Nic-Sevic (<a
href="https://codepen.io/Nic_Sevic">@Nic_Sevic</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
<h4>25:5 Clock</h4>
<p>In Progress</p>
<p>Description: Displays a random quote. You can request a new quote. You can also share the generator to
Tumblr.</p>
<p>Technologies used: </p>
<ul>
<li>React</li>
<li>Redux?</li>
</ul>
<div>
<p class="codepen" data-height="300" data-theme-id="dark" data-default-tab="js,result"
data-slug-hash="QWJrOwg" data-user="Nic_Sevic"
style="height: 300px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;">
<span>See the Pen <a href="https://codepen.io/Nic_Sevic/pen/QWJrOwg">
FCC - FrontEnd - Clock</a> by Nic-Sevic (<a
href="https://codepen.io/Nic_Sevic">@Nic_Sevic</a>)
on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://cpwebassets.codepen.io/assets/embed/ei.js"></script>
</div>
</div>
</section>
<footer>
<p>© 2023 Nic Sevic. All rights reserved.</p>
</footer>
</body>
</html>