-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
474 lines (471 loc) · 28.7 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
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<link rel="stylesheet" href="node_modules/modern-normalize/modern-normalize.css">
<link href="https://api.fontshare.com/v2/css?f[]=chillax@400,500,600,700&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description"
content="Welcome to Ridwane El Filali's professional portfolio website. Explore my projects, skills, and experience in web development. Featuring a responsive design, theme toggle, and easy contact options.">
<title>Portfolio Website</title>
</head>
<body>
<header class="header container">
<nav>
<ul class="header__menu">
<li><a class="header__link" href="#about">About</a></li>
<li><a class="header__link" href="#featured">Work</a></li>
<li><a class="header__link" href="#contact">Contact</a></li>
<li class="header__line"></li>
<li>
<button id="theme-toggle" class="header__sun">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
</svg>
</button>
</li>
<li>
<a href="#" class="header__resume btn">Resume</a>
</li>
</ul>
<button class="header__bars">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor">
<path fill-rule="evenodd"
d="M3 6.75A.75.75 0 0 1 3.75 6h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 6.75ZM3 12a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 12Zm0 5.25a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H3.75a.75.75 0 0 1-.75-.75Z"
clip-rule="evenodd" />
</svg>
</button>
</nav>
</header>
<!-- mobile navigation -->
<div class="mobile-nav">
<nav>
<ul class="mobile-nav__menu">
<li><a href="#about" class="mobile-nav__link">About</a></li>
<li><a href="#featured" class="mobile-nav__link">Work</a></li>
<li><a href="#contact" class="mobile-nav__link">Contact</a></li>
<li class="mobile-nav__link-line"></li>
<li>
<button id="theme-toggle" class="mobile-nav__sun">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M12 3v2.25m6.364.386-1.591 1.591M21 12h-2.25m-.386 6.364-1.591-1.591M12 18.75V21m-4.773-4.227-1.591 1.591M5.25 12H3m4.227-4.773L5.636 5.636M15.75 12a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0Z" />
</svg>
</button>
</li>
<li><a href="#" class="mobile-nav__btn btn">Resume</a></li>
</ul>
</nav>
</div>
<!-- end mobile navigation -->
<main>
<section class="hero container">
<img loading="lazy" class="hero__img lazy" src="/profile.jpg" alt="me and my cat profile picture">
<h2 class="hero__subtitle">Hi 🧑💻, I'm RIDWANE EL FILALI </h2>
<h1 class="hero__title">FRONT/BACK-END<br>DEVOLOPER.</h1>
<p class="hero__description">I’m a <strong>Full-Stack Developer</strong> who loves building awesome apps<br> from
start to finish.
Thanks to my training at <strong>42</strong>,
</p>
<a class="hero__btn btn" href="#contact" class="btn">Reach out</a>
</section>
<section id="about" class="about container section">
<div class="about__wrapper">
<div class="about__content">
<h2 class="about__title">About</h2>
<p class="about__description">
My name is Ridwane El Filali, and I'm a passionate <strong>Full-Stack Developer. </strong>
With my training from the 42 system, I've gained the skills to build complete, user-friendly applications
from the ground up.
I love solving problems and creating seamless digital experiences.
</p>
<p class="about__description">
I’m all about bringing ideas to life with code.
I enjoy turning complex challenges into simple,
effective solutions, making technology work beautifully and efficiently for everyone.
</p>
<p class="about__description">
I also share my journey and insights on <a href="https://medium.com/@ridwaneelfilali"
target="_blank">Medium.</a>
From coding tips to tech experiences, my posts offer valuable information for developers and enthusiasts.
Check out my blog to learn more!
</p>
</div>
<div class="about__ul-container">
<h2 class="about__title">Technologies</h2>
<ul class="about__ul">
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/C.svg" alt="C">
</li>
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/CPP.svg"
alt="cpp"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Python-Dark.svg" alt="python"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/JavaScript.svg"
alt="javascript"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Bash-Dark.svg" alt="bash"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Markdown-Dark.svg" alt="markdown"></li>
</ul>
<ul class="about__ul">
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/MySQL-Dark.svg" alt="mysql"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img "
src="./public/icons/React-Dark.svg" alt="react"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/HTML.svg"
alt="html"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/CSS.svg"
alt="css"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Webpack-Dark.svg" alt="webpack"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Vite-Dark.svg" alt="vite"></li>
</ul>
<ul class="about__ul">
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Npm-Dark.svg" alt="npm"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/NodeJS-Dark.svg" alt="nodejs"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/Docker.svg"
alt="docker"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy" src="./public/icons/Jest.svg"
alt="jest"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Linux-Dark.svg" alt="linux"></li>
<li class="about__list"><img loading="lazy" class="about__tools lazy theme-img"
src="./public/icons/Debian-Dark.svg" alt="debian"></li>
</ul>
</div>
</div>
</section>
<section id="featured" class="featured container section">
<h3 class="featured__subtitle">Featured project</h3>
<div class="featured__wrapper">
<h2 class="featured__title">FT_TRANSCENDENCE</h2>
<a class="featured__link" href="https://github.com/RIDWANE-EL-FILALI/ft_transcendence" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round"
d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244" />
</svg>
</a>
</div>
<p class="featured__description">
The ft_transcendence project at 42 is a major challenge that brings together everything we've learned.
It's about building a complete web app using React for the front end, Django for the back end, and PostgreSQL
for the database.
This means we design a user-friendly interface with React, manage server-side logic with Django, and handle data
storage with PostgreSQL.
The project helps us become comfortable with the full stack of web development.
</p>
<div class="featured__info-container">
<div>
<h3 class="featured__label">Tech stack</h3>
<ul class="featured__tech-stack">
<li class="featured__info">React</li>
<li class="featured__info">PostgreSQL</li>
<li class="featured__info">django</li>
<li class="featured__info">HTML</li>
<li class="featured__info">CSS</li>
<li class="featured__info"></li>
<li class="featured__info"></li>
</ul>
</div>
<div>
<h3 class="featured__label">Project Type</h3>
<p class="featured__info">Full-Stack</p>
</div>
<div>
<h3 class="featured__label">Timeline</h3>
<p class="featured__info">June 2024 - Present</p>
</div>
</div>
<div class="featured__img-container">
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/homepage.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/HowToPlay.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/login page.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/sign up page.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/leadeboard 1.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/1v1.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/2fa.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/bot.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/chat 2.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/Game 2.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/settings.png" alt="ft_transcendence">
</div>
<div class="featured__img-wrapper">
<img loading="lazy" class="lazy" src="/ft_images/Tournament.png" alt="ft_transcendence">
</div>
</div>
</section>
<section class="work container section">
<h2 class="work__title">Projects</h2>
<p class="work__description">
Welcome to my project portfolio! Here you'll find a diverse collection of my work from the 42 system. These
projects showcase a range of skills, from front-end and back-end development to algorithm design and system
programming. Highlights include the ft_transcendence project, where I built a full-stack web application using
React, Django, and PostgreSQL, demonstrating my ability to create complex, user-friendly applications from start
to finish.
</p>
<div class="work__container">
<!-- project 1 -->
<h3 class="work__project-title">Ft_Transcendence</h3>
<div class="work__img-wrapper work__image1">
<img loading="lazy" class="lazy" src="/project_images/ft_transcendence.jpg" alt="Ft_Transcendence">
</div>
<div class="work__project content_image1">
<h3 class="work__project-subtitle">Ft_Transcendence</h3>
<p class="work__project-description1">Ft_transcendence is the capstone project of the 42 system, challenging
students to build a full-stack web application for playing ping pong online. Participants develop a
web-based multiplayer game where users can compete against each other in real-time matches.</p>
<p class="work__project-description2">This project integrates front-end technologies like HTML, CSS, and
JavaScript with back-end frameworks like Django and databases like PostgreSQL. By building ft_transcendence,
students demonstrate their proficiency in full-stack web development and gain practical experience with
building interactive, real-time applications.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/ft_transcendence" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 2 -->
<h3 class="work__project-title">Ft_Irc</h3>
<div class="work__img-wrapper work__image2">
<img loading="lazy" class="lazy" src="/project_images/ft_irc.jpg" alt="ft_irc">
</div>
<div class="work__project content_image2">
<h3 class="work__project-subtitle">Ft_Irc</h3>
<p class="work__project-description1">Ft_irc is a networking project where students develop an Internet Relay
Chat (IRC) server in C programming. Participants design and implement a server application that allows
multiple users to connect, chat, and exchange messages in real-time. </p>
<p class="work__project-description2">This project involves socket programming, message parsing, and
multi-threaded server architecture. By building ft_irc, students gain practical experience with network
programming concepts and learn how to develop scalable, distributed systems.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/FT_IRC" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 3 -->
<h3 class="work__project-title">Inception</h3>
<div class="work__img-wrapper work__image3">
<img loading="lazy" class="lazy" src="/project_images/inception.jpg" alt="Inception">
</div>
<div class="work__project content_image3">
<h3 class="work__project-subtitle">Inception</h3>
<p class="work__project-description1">Inception is an infrastructure project that introduces students to
containerization and deployment using Docker. Participants create a Docker-based environment to host
multiple services and applications, demonstrating containerization principles and deployment strategies.
</p>
<p class="work__project-description2">This project covers topics such as Dockerfile creation, service
orchestration, and container networking. By setting up a Docker environment, students gain hands-on
experience with modern DevOps practices and learn how to deploy and manage containerized applications
effectively.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/Inception" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 4 -->
<h3 class="work__project-title">Minirt</h3>
<div class="work__img-wrapper work__image4">
<img loading="lazy" class="lazy" src="/project_images/minirt.jpg" alt="Minirt">
</div>
<div class="work__project content_image4">
<h3 class="work__project-subtitle">Minirt</h3>
<p class="work__project-description1">Minirt is a ray tracing project in the 42 curriculum that introduces
students to computer graphics rendering techniques. Participants develop a ray tracer program capable of
rendering 3D scenes with realistic lighting and shading effects.</p>
<p class="work__project-description2">This project covers fundamental concepts such as ray-object
intersection, reflection, refraction, and shadow casting. By implementing minirt, students gain hands-on
experience with ray tracing algorithms and deepen their understanding of computer graphics principles.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/LuxMancer-Mastering-Light-and-Shadow-MiniRT" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 5 -->
<h3 class="work__project-title">Minishell</h3>
<div class="work__img-wrapper work__image5">
<img loading="lazy" class="lazy" src="/project_images/minishell.jpg" alt="minishell">
</div>
<div class="work__project content_image5">
<h3 class="work__project-subtitle">Minishell</h3>
<p class="work__project-description1">Minishell is a project that challenges students to create a simple Unix
shell in C programming. Participants develop a program that can parse and execute basic shell commands,
providing a command-line interface similar to popular Unix shells like Bash. </p>
<p class="work__project-description2">This project involves parsing command-line input, executing external
commands, and managing process execution in a Unix-like environment. By implementing minishell, students
gain practical experience with system programming and command-line interface development, essential skills
for Unix/Linux software development.</p>
<a href="https://github.com/mpezongo/minishell" target="_blank" class="btn work__project-btn">codebase</a>
</div>
<!-- project 6 -->
<h3 class="work__project-title">FDF</h3>
<div class="work__img-wrapper work__image6">
<img loading="lazy" class="lazy" src="/project_images/fdf.jpg" alt="FDF">
</div>
<div class="work__project content_image6">
<h3 class="work__project-subtitle">FDF</h3>
<p class="work__project-description1">FDF is a graphics project that tasks students with creating a wireframe
representation of a 3D landscape from elevation data. Participants develop a program to parse input files
containing height maps and render a 3D model using graphical primitives.</p>
<p class="work__project-description2">This project involves concepts such as 3D transformation, projection,
and rendering in a graphical environment. By implementing FDF, students gain hands-on experience with
computer graphics programming and deepen their understanding of spatial data visualization techniques.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/FDF" target="_blank" class="btn work__project-btn">codebase</a>
</div>
<!-- project 7 -->
<h3 class="work__project-title">Push_Swap</h3>
<div class="work__img-wrapper work__image7">
<img loading="lazy" class="lazy" src="/project_images/push_swap.jpg" alt="push_swap">
</div>
<div class="work__project content_image7">
<h3 class="work__project-subtitle">Push_Swap</h3>
<p class="work__project-description1">Push_swap is a sorting algorithm project where students must develop an
efficient algorithm to sort a stack of integers using a limited set of operations. Participants design
algorithms to rearrange the stack with minimal operations, aiming to achieve optimal sorting performance.
</p>
<p class="work__project-description2">This project challenges students to optimize their algorithms for both
time and space complexity, fostering creativity and problem-solving skills. By mastering push_swap, students
gain a deeper understanding of sorting algorithms and algorithmic optimization techniques, essential for
tackling complex computational problems.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/PUSH_SWAP" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 8 -->
<h3 class="work__project-title">Pipex</h3>
<div class="work__img-wrapper work__image8">
<img loading="lazy" class="lazy" src="/project_images/pipex.jpg" alt="pipex">
</div>
<div class="work__project content_image8">
<h3 class="work__project-subtitle">Pipex</h3>
<p class="work__project-description1">Pipex is a project that tasks students with replicating the behavior of
Unix pipes in C programming. Participants develop a program that can execute shell commands with
input/output redirection, simulating the functionality of the '|' operator in Unix shells. </p>
<p class="work__project-description2">This project involves parsing command-line arguments, creating child
processes, and managing file descriptors for inter-process communication. By implementing pipex, students
deepen their understanding of process management and input/output redirection techniques in Unix-like
operating systems.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/PIPEX" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 9 -->
<h3 class="work__project-title">Philosophers</h3>
<div class="work__img-wrapper work__image9">
<img loading="lazy" class="lazy" src="/project_images/philosophers.jpg" alt="philosophers">
</div>
<div class="work__project content_image9">
<h3 class="work__project-subtitle">Philosophers</h3>
<p class="work__project-description1">The philosophers project challenges students to explore concurrent
programming concepts by simulating the classic dining philosophers problem. Participants implement a
solution where multiple philosopher threads compete for limited resources (chopsticks) without causing
deadlock or starvation.</p>
<p class="work__project-description2">This project delves into thread synchronization, mutual exclusion, and
deadlock avoidance strategies. By tackling the philosophers problem, students gain valuable insights into
parallel computing and concurrency control techniques, essential for developing robust, multi-threaded
applications.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/Philosophers" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 10 -->
<h3 class="work__project-title">Born2beroot</h3>
<div class="work__img-wrapper work__image10">
<img loading="lazy" class="lazy" src="/project_images/borntoberoot.jpg" alt="born2beroot">
</div>
<div class="work__project content_image10">
<h3 class="work__project-subtitle">Born2beroot</h3>
<p class="work__project-description1">Born2beroot is a system administration project in the 42 curriculum that
immerses students in the world of Linux server management. Participants are tasked with setting up and
securing a virtual server environment, covering essential aspects such as user management, network
configuration, and system monitoring.</p>
<p class="work__project-description2">Through hands-on experience with server administration tasks, students
gain practical skills in maintaining and securing Linux-based systems. Born2beroot equips students with
valuable knowledge and expertise in server management, preparing them for roles in IT and DevOps.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/Born2beroot" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 11 -->
<h3 class="work__project-title">Printf</h3>
<div class="work__img-wrapper work__image11">
<img loading="lazy" class="lazy" src="/project_images/printf.jpg" alt="printf">
</div>
<div class="work__project content_image11">
<h3 class="work__project-subtitle">Printf</h3>
<p class="work__project-description1">The printf project is a fundamental exercise in implementing formatted
output in C. Students are tasked with creating their version of the printf function, which includes parsing
format specifiers, handling various data types, and printing formatted output to the console or a file.</p>
<p class="work__project-description2">This project dives deep into string manipulation, variable argument
lists, and output formatting techniques. By mastering printf, students develop a strong understanding of
string parsing and formatting conventions, essential skills for software development in C and related
languages.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/ft_printf" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 12 -->
<h3 class="work__project-title">Get_Next_Line</h3>
<div class="work__img-wrapper work__image12">
<img loading="lazy" class="lazy" src="/project_images/get_next_line.jpg" alt="get_next_line">
</div>
<div class="work__project content_image12">
<h3 class="work__project-subtitle">Get_Next_Line</h3>
<p class="work__project-description1">In the get_next_line project, students tackle the challenge of reading a
line from a file descriptor in C. This project delves into the intricacies of file handling and input/output
operations in Unix-like environments.</p>
<p class="work__project-description2">By developing a function that efficiently reads lines from files,
students gain valuable experience in handling file streams, memory management, and buffer manipulation.
get_next_line is a crucial step in mastering file I/O in C programming and prepares students for more
advanced system programming tasks.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/get_next_line" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
<!-- project 13 -->
<h3 class="work__project-title">Libft</h3>
<div class="work__img-wrapper work__image13">
<img loading="lazy" class="lazy" src="/project_images/libft.jpg" alt="libft">
</div>
<div class="work__project content_image13">
<h3 class="work__project-subtitle">Libft</h3>
<p class="work__project-description1">The libft project from the 42 system is all about building a custom C
library with essential functions. It's a foundational project that challenges students to implement standard
functions like string manipulation, memory allocation, and character handling from scratch.</p>
<p class="work__project-description2">By creating their own library, students gain a deep understanding of
these fundamental concepts and enhance their programming skills. This project sets the stage for future
projects, providing a solid toolkit for C programming endeavors.</p>
<a href="https://github.com/RIDWANE-EL-FILALI/libft" target="_blank"
class="btn work__project-btn">codebase</a>
</div>
</div>
</section>
<section id="contact" class="contact container section">
<h2 class="contact__title">Get In Contact</h2>
<p class="contact__description">
I'd love to hear from you! Whether you have questions, project ideas, or just want to connect, feel free to
reach out. Let's chat!
</p>
<a href="mailto:[email protected]" class="btn contact__btn" target="_blank">Send Email</a>
</section>
</main>
<footer>
<div class="footer container section">
<h3 class="footer__title">Designed and built by RIDWANE EL FILALI</h3>
</footer>
<script type="module" src="./src/main.js"></script>
</body>
</html>