Skip to content

Commit

Permalink
Work blog - Third week update
Browse files Browse the repository at this point in the history
  • Loading branch information
@mariabusto
mariabusto authored May 13, 2024
1 parent c6159d1 commit 4681975
Show file tree
Hide file tree
Showing 3 changed files with 87 additions and 0 deletions.
Binary file added docs/assets/First-React-Webpage.mp4
View file
Binary file not shown.
1 change: 1 addition & 0 deletions docs/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,6 +58,7 @@ <h2>Weekly Logs</h2>
<ul class="weekly-log-list">
<li><a href="worklog_1.html">Week 1 (April 22nd - April 26th)</a></li>
<li><a href="worklog_2.html">Week 2 (April 29th - May 3rd)</a></li>
<li><a href="worklog_3.html">Week 3 (May 6th - May 10th)</a></li>
</ul>
</div>
</div>
Expand Down
86 changes: 86 additions & 0 deletions docs/worklog_3.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,86 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta name="description" content="" />
<meta name="author" content="" />
<title>María Busto Work Blog</title>
<link rel="icon" type="image/x-icon" href="assets/logo.png" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="css/styles.css" rel="stylesheet" />
</head>
<body id="page-top">
<!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top" id="mainNav">
<div class="container px-4">
<a class="navbar-brand" href="#page-top">My Work Blog - JdeRobot Internship</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link" href="#week">Week 3</a></li>
</ul>
</div>
</div>
</nav>
<!-- Header-->
<header class="bg-primary bg-gradient text-white">
<div class="container px-4 text-center">
<h1 class="fw-bolder">Welcome to my internship work blog!</h1>
<p class="lead">In this blog, I'll be posting about my experience as an intern at JdeRobot.</p>
<!--
<a class="btn btn-lg btn-light" href="#about">Take a look!</a>
-->
</div>
</header>
<!-- Week Post section-->
<section id="week">
<div class="container px-4">
<div class="row gx-4 justify-content-center">
<div class="col-lg-8">
<h2>Week 3 (May 6th - May 10th)</h2>
<p class="blog-post-meta">May 13th, 2024 by <a href="https://github.com/mariabusto">María Busto Ramos</a></p>
<p class="lead" align="justify">During this third week of internship, I have finished researching and watching video tutorials about Django. I have also finished reading the first steps section of Django’s official webpage, learning about Django’s main features and functioning.</p>

<p class="lead" align="justify">On the other hand, I’ve finished creating my first webpage with React. Specifically, I have organized the code, making certain components more reusable by using object arrays, list mapping and props. An example of this would be the NavBar component (navigation bar). Also, I have added a state to the SideBar component (log list) and its search bar, which allows filtering between the available logs based on the value marked by the user in the search, and an OnClick event to the bottom button of the webpage, thus allowing to return to the beginning of it. The result of the webpage can be found in the following video:</p>

<br></br>
<div align="center">
<video class="first-React-webpage" width="750px" height="380px" controls>
<source src="assets/First-React-Webpage.mp4" type="video/mp4">
<p>Video about my first React webpage. This video can't be played in your browser.</p>
</video>
</div>
<br></br>

<p class="lead" align="justify">Once these two tasks had been completed, I have read some of the documentation found in the unibotics-webserver repository, such as the documentation that explains the repository’s directory structure. I have also started and practically finished the D1 deployment of Unibotics. After many attemps and issues, I have practically finished it, being able to see the Unibotics webpage locally, as well as Django’s admin webpage. Despite this, I still have to download and launch the RADI as well as review some issues found both in the local Unibotics webpage and the Django admin.</p>

<p class="lead" align="justify">During this deployment, I have found some typos and errors in the D1 deployment documentation which I have taken note of so that, this week, I can: check them; open a GitHub Issue; and patch them.</p>

<p class="lead" align="justify">Finally, I have started to review the source code of unibotics-webserver, to get a general idea of how it works.</p>
</div>
</div>
</div>
</section>
<!-- Final Logos section-->
<section class="bg-light" id="logos">
<div class="container px-4">
<div class="row gx-4 justify-content-center">
<container class="img-container" align="center">
<img class="jderobot-img" alt="JdeRobot logo" width=150px height=150px src="assets/logo.png"/>
<img class="urjc-etsii-img" alt="URJC and ETSII logo" width=350px height=80px src="assets/urjc-etsii-logo.png"/>
</container>
</div>
</div>
</section>
<!-- Footer-->
<footer class="py-5 bg-dark">
<div class="container px-4"><p class="m-0 text-center text-white">Copyright &copy; Your Website 2024</p></div>
<div class="container px-4"><a class="m-0 text-center text-white" href="https://startbootstrap.com/template/scrolling-nav">Template obtained from Start Bootstrap</a></div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>

0 comments on commit 4681975

Please sign in to comment.