├── README.md └── static ├── ccbox-tv.gif ├── chillflix.gif ├── ebook-underrated.png ├── gallery.gif ├── logo-chatgpt-plugin.png ├── logo-pet-chrome.png ├── oz-blog.gif └── unbox-js.gif /README.md: -------------------------------------------------------------------------------- 1 |

code-oz

2 | 3 |

Hi I'm Code-Oz

4 | 5 | 6 |

7 | 8 |

Love JS, love writting dev article and share my knowledges.

9 |

I'm web developper

10 |

11 | 12 | 13 |

14 |

15 | code__oz 16 |

17 |

18 | code__oz 19 |

20 |

21 | code__oz 22 |

23 |

24 | code__oz 25 |

26 |

27 | code__oz 28 |

29 |

30 | 🐳 Docker Conf Speaker 31 |

32 |

33 | code__ozCertificated 34 |

35 |

36 | 37 | 38 |

My latest projects 👨‍💻

39 |
40 | 41 | 42 | 59 | 80 | 81 | 82 | 99 | 115 | 116 | 117 | 149 | 150 |
43 |

44 | Chillflix 🎶 45 |

46 |

47 | chillflix 48 |

49 | A chill radio from youtube to listen Lo-Fi music without being disturbed 50 |

51 |
52 | 53 | Note 📝 54 | 55 | I used Vue 2 and typescript. Also use webpack. 56 |
57 |

58 | 		60 |

61 | Chrome plugin: Pets for chrome 62 |

63 |

64 | pets for chrome 65 |

66 | 🐾 Pets for Chrome is an application that adds cute and cuddly pets right into your browser. 67 |

68 |

69 | 20 000 + current users ! 70 |

71 |
72 | 73 | Note 📝 74 | 75 | Create a chrome plugin with native JS and webpack. Use spriteling js. 76 |
77 |

78 |

79 |
83 |

84 | Gallery Scroll Experience 85 |

86 |

87 | gallery 88 |

89 | Gallery Scroll Experience, recommended on computer 🖥 90 |

91 |
92 | 93 | Note 📝 94 | 95 | I used Gsap + Lenis. 96 |
97 |

98 | 		100 |

101 | CCbox TV 📹 102 |

103 |

104 | ccbox-tv 105 |

106 | A netflix like for the Youtube Channel CCBTV 107 |

108 |
109 | 110 | Note 📝 111 | 112 | I used Vue 2 with Element UI and typescript. Also use webpack. 113 |
114 |
118 |

119 | Chrome plugin: Chatpgt Copy Export Clipboard 120 |

121 |

122 | chatpgt-plugin 123 |

124 | 🪄 Enhance CHATGPT with copy button, export chat in any extension and clipboard manager 📋. Compatible with AIPRM ✅ 125 |

126 |
127 | 128 | Note 📝 129 | 130 | Create a chrome plugin with native JS and webpack. 131 |
132 |

133 | 		134 |

Unbox JS 📦

135 |

136 | unbox-js 137 | unbox-js-badge 138 |

139 | npm repository 140 |

141 |
142 | 143 | Note 📝 144 | 145 | We use typescript and jest. 146 |
147 |

148 |
151 |
152 | 153 | 154 |
155 | 156 | Old Projects 👴 157 | 158 |

159 |

160 | YT Downloader 🛠 161 |

162 | I created a youtube downloader that manage video & playlist download. 163 |

164 |

165 |

166 |

167 |

168 | Oz Blog 169 |

170 | oz-blog 171 |

172 | My old blog based on Nuxt 2, NestJS and MongoDB. 173 |

174 |

175 |

176 |

177 |

178 |

179 | Old Monorepo with yarn workspace 180 |

181 | I create a monorepo with yarn workspace from scratch. I updated a new one (see above !) ☝️ 182 |

183 |

184 |

185 |

186 |

187 | Twitch plus 🤖 188 |

189 | Chrome extension that improve your experience on twitch. 190 |

191 |

192 |

193 |

194 |

195 | liftP JS 📦 196 |

197 | NPM Package to modify a sync function into an async function without manage parameters. 198 |

199 |

200 |

201 |

202 |

203 | What is operator javascript 🔌 204 |

205 | I created an operator lookup plugin for all VSCode user! 206 |

207 |

208 |

209 |

210 |

211 |
212 | 213 | 214 |

Languages and Tools 🛠

215 |

Basics

216 |

217 | 218 | javascript 219 | 220 | 221 | typescript 222 | 223 | 224 |

225 |

Front

226 |

227 | vuejs 228 | nuxt 229 | html5 230 | css3 231 | sass 232 | threejs 233 | gsap 234 |

235 |

Project management

236 |

237 | git 238 | docker 239 | 240 | webpack 241 | 242 | 243 | vite 244 | 245 | 246 | vitest 247 | 248 | 249 | playwirght 250 | 251 | kubernetes 252 | pnpm 253 | git 254 | git 255 | git 256 | jest 257 | cypress 258 |

259 |

Backend

260 |

261 | nodejs 262 | nestjs 263 | postgresql 264 | prisma 265 | mongodb 266 | express 267 |

268 |

CMS

269 |

270 | wordpress 271 | woocommerce 272 |

273 |

Others

274 |

275 | linux 276 | bash 277 | aws 278 | heroku 279 | firebase 280 |

281 | 282 | 283 |

How to get in touch?

284 |

If you need my expertise for your project 👇

285 |

286 | - You can send me message on twitter 287 |

288 |

289 | - Send email 290 |

291 |

292 |

293 | 294 | 295 |

296 |

THREEJS project 🎥

297 |

Chillflix 3D

298 |

Tetris animation

299 |

Animation scene

300 |

Galaxy

301 |

Dices roll with physics

302 |

Shaders Raging Sea

303 |
304 | 305 | Workbench 306 | 307 |

Wood door textures materials

308 |

Transform textures

309 |

Filtering textures

310 |

3D Text

311 |

Light Scene debug

312 |

Fog scene debug

313 |

Baked shadows

314 |

Debug shadows

315 |

Encoding renderer/textures & Tone mapping

316 |

Bounciness & Friction

317 |
318 |

319 | 320 | 321 |

Open Source Repository ⭐️

322 |
323 | 324 | 325 | 333 | 341 | 342 | 343 | 354 | 362 | 363 |
326 |

327 | Setup dev from start 328 |

329 |

330 | code__oz 331 |

332 | 		334 |

335 | Bootstrap express typescript 336 |

337 |

338 | code__oz 339 |

340 |
344 |

345 | Unbox js 346 |

347 |

348 | code__oz 349 |

350 |

351 | unbox-js-badge 352 |

353 | 		355 |

356 | CodeOz Profile 357 |

358 |

359 | code__oz 360 |

361 |
364 | 365 | 366 |

Most viewed article on Devto 📰

367 |

I like to share my knowledge through my articles on dev.to

368 |
369 | 370 | 371 | 381 | 391 | 392 | 393 | 403 | 413 | 414 |
372 |

373 | Improve your JS skills with those tips #2 374 |

375 |

376 | 377 | 19500 views 👀 378 | 379 |

380 | 		382 |

383 | Enhance your JS Skill by using the correct array method 384 |

385 |

386 | 387 | 12000 views 👀 388 | 389 |

390 |
394 |

395 | 7 HTML attribute you should know right now! 396 |

397 |

398 | 399 | 10000 views 👀 400 | 401 |

402 | 		404 |

405 | 3 Ways to CENTER a div in CSS 406 |

407 |

408 | 409 | 9000 views 👀 410 | 411 |

412 |
415 | 416 |

417 | 418 |

419 |

420 |

If you use my github profile, you can help by buying me a coffee ☕️ 😀

421 |

422 |

423 | Buy Me a Coffee at ko-fi.com 424 |

425 | 426 | ![](https://quotes-github-readme.vercel.app/api?type=horizontal&theme=radical) 427 | -------------------------------------------------------------------------------- /static/ccbox-tv.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/ccbox-tv.gif -------------------------------------------------------------------------------- /static/chillflix.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/chillflix.gif -------------------------------------------------------------------------------- /static/ebook-underrated.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/ebook-underrated.png -------------------------------------------------------------------------------- /static/gallery.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/gallery.gif -------------------------------------------------------------------------------- /static/logo-chatgpt-plugin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/logo-chatgpt-plugin.png -------------------------------------------------------------------------------- /static/logo-pet-chrome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/logo-pet-chrome.png -------------------------------------------------------------------------------- /static/oz-blog.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/oz-blog.gif -------------------------------------------------------------------------------- /static/unbox-js.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Code-Oz/code-oz/cf715ef7786d030c08894742f17b79d099697838/static/unbox-js.gif --------------------------------------------------------------------------------