fede/Blogv3
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

añadida pagina para los posts

Browse Source
This commit is contained in:
fedpo
2025-06-18 16:14:17 -03:00
parent 66f53c9fbf
commit 9826085cb1
22 changed files with 872 additions and 304 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
public/posts/sist_alquileres_devlog_1/index.html
View File

@@ -12,7 +12,7 @@
<body>
<main>
<nav class="bg-gray-800 fixed w-full top-0 z-1">
<nav class="bg-gray-800 fixed w-full top-0 z-3">
<div class="mx-auto px-4">
<div class="flex items-center justify-between h-16">
<div class="flex items-center">
@@ -122,20 +122,38 @@
}
</script>
<div class="pt-16 shadow-md">
<img alt="" src="/cover2.png"
style="object-fit: cover;"
class="w-screen h-80 object-cover"
/>
<div class="flex pt-4 gap-2 md-4 text-center flex-col bg-slate-800 text-white">
<h1 class="font-bold text-6xl antialiased underline font-sans">Sistema Alquileres DevLog n1</h1>
<p class="text-xl font-thin italic">Fecha: 10 Nov 2024</p>
</div>
</div>
<article class=" sm:px-2 md:px-16 lg:px-32">
<div><h1 id="que-es-esto">¿Que es esto?</h1>
<div class="bg-blue-300 p-12"></div>
<div class="bg-blue-300">
<div class="bg-white rounded-md flex flex-col items-center px-2 py-6 max-w-4xl mx-auto">
<div class="w-full mb-8 overflow-hidden rounded-lg shadow-xl border-4 border-black">
<img
src="/cover2.png"
alt="Sistema Alquileres DevLog n1"
class="w-full h-auto object-cover"
/>
</div>
<h1 class="text-4xl font-bold mb-4 text-center">Sistema Alquileres DevLog n1</h1>
<div class="text-sm text-gray-600 mb-6 font-mono flex gap-4 justify-center">
<span>Publicado el: Nov 10, 2024</span>
<div class="flex gap-2">
<span class="px-2 py-1 bg-gray-200 rounded-full">#DevLog</span>
</div>
</div>
<div class="prose prose-lg max-w-none mb-12">
<h1 id="que-es-esto">¿Que es esto?</h1>
<p>Estas son pequeñas updates que voy a estar haciendo sobre el proyecto final mio de &ldquo;Ingenieria de Software&rdquo; (asi se llama la materia). El cual consiste de un sistema de gestion de alquileres. Pensado para tener varios tipos de usuario como un propietario que carge las propiedades que desea publicar siempre y cuando este verificado que le pertenecen a él y un inquilino el cual podra efectuar busquedas de propiedades para alquilas, ver el estado de los alquileres, y pagar los alquileres que sean correpondientes.</p>
<p>Ahí arriba describi solo 2 o 3 de los casi 26 casos de uso que tengo descriptos. Además voy a reutilizar los conocimiento que adquirí haciendo el panel de control para la materia de base de datos.</p>
<blockquote>
@@ -156,8 +174,27 @@
<p>Un requisito que considero muy importante es almacenamiento de los contratos de alquiler. En una primera instancia pense que almacenarlos en un campo blob de mysql podia ser factible pero entre lo que escuché sobre que hace los backups de la base de datos gigantes y el hecho de que estaria haciendo una query a la base de datos para obtener, ponele, 3MB me parece un montón</p>
<p>Almacenarlos con un fileserver simple como <a href="https://github.com/svenstaro/miniserve">Miniserve</a> que es una excelente herramienta si bien para casos donde tenes un solo servidor pareceria masomenos pasable al final termina no siendo tan buena idea si llegas a necesitar algo minimanente distribuido o que maneje permisos.</p>
<p>Así fue como luego de preguntarle a un amigo y a chatgpt. me decidí por darle una oportunidad a <a href="https://min.io/">Minio</a> que es una alternativa &ldquo;S3 pero hosteado en casa&rdquo;. tengo mucho que aprender aún sobre s3 porque tengo solo una idea general de como funciona. Así que voy a dejar una update de esto en unos dias o semanas (no hay chances que sea consistente publicando acá) sobre como va esto. bye.</p>
</div>
<a
href="/"
class="
inline-block mt-6
border-2 border-black bg-white px-6 py-2
shadow-[0_4px_0_black]
hover:shadow-[0_8px_0_black]
hover:-translate-y-1
transition-all duration-100 ease-linear
font-medium
"
>
← Volver
</a>
</div>
</div>
</article>
<div class="bg-blue-300 p-5"></div>
</main>
<br>