amiirkhl/gapido-grpc-auth
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: reorder presentation slides

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-07-14 11:38:52 +03:30
parent 70604b93b7
commit d8a731510f
1 changed files with 22 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
docs/slides/index.html
View File

@@ -20,72 +20,57 @@
<section class="slide active"> <section class="slide active">
<p class="eyebrow">The problem</p> <p class="eyebrow">The problem</p>
<h1>Secure OTP auth for microservices</h1> <h1>Secure OTP auth for microservices</h1>
<p class="lede">Python • gRPC • MongoDB • Redis • RabbitMQ • Docker</p> <p class="lede">Python / gRPC / MongoDB / Redis / RabbitMQ / Docker</p>
</section>
<section class="slide split">
<div>
<p class="eyebrow">Constraints</p>
<h2>What had to be proven</h2>
</div>
<ul class="tiles">
<li>gRPC auth boundary</li>
<li>secure OTP</li>
<li>refresh rotation</li>
<li>role-based access</li>
<li>async SMS delivery</li>
<li>production deployment path</li>
</ul>
</section> </section>
<section class="slide diagram"> <section class="slide diagram">
<p class="eyebrow">Solution shape</p> <p class="eyebrow">Architecture</p>
<h2>Service architecture</h2> <h2>Project architecture</h2>
<img src="../assets/diagrams/service_architecture.png" alt="Service architecture" /> <img src="../assets/diagrams/service_architecture.png" alt="Service architecture" />
</section> </section>
<section class="slide diagram"> <section class="slide diagram">
<p class="eyebrow">Code organization</p> <p class="eyebrow">Codebase</p>
<h2>Clean architecture layers</h2> <h2>Clean architecture structure</h2>
<img src="../assets/diagrams/clean_architecture.png" alt="Clean architecture layers" /> <img src="../assets/diagrams/clean_architecture.png" alt="Clean architecture layers" />
</section> </section>
<section class="slide diagram"> <section class="slide diagram">
<p class="eyebrow">Auth flow</p> <p class="eyebrow">Auth flow</p>
<h2>OTP without storing plaintext codes</h2> <h2>OTP login flow</h2>
<img src="../assets/diagrams/otp_login_flow.png" alt="OTP login flow" /> <img src="../assets/diagrams/otp_login_flow.png" alt="OTP login flow" />
</section> </section>
<section class="slide diagram">
<p class="eyebrow">Extensibility</p>
<h2>SMS provider strategy</h2>
<img src="../assets/diagrams/sms_provider_strategy.png" alt="SMS provider strategy" />
</section>
<section class="slide diagram"> <section class="slide diagram">
<p class="eyebrow">Token safety</p> <p class="eyebrow">Token safety</p>
<h2>Refresh token rotation</h2> <h2>Refresh token rotation</h2>
<img src="../assets/diagrams/refresh_rotation_flow.png" alt="Refresh token rotation" /> <img src="../assets/diagrams/refresh_rotation_flow.png" alt="Refresh token rotation" />
</section> </section>
<section class="slide diagram">
<p class="eyebrow">Extensibility</p>
<h2>Selectable SMS providers</h2>
<img src="../assets/diagrams/sms_provider_strategy.png" alt="SMS provider strategy" />
</section>
<section class="slide diagram"> <section class="slide diagram">
<p class="eyebrow">Deployment</p> <p class="eyebrow">Deployment</p>
<h2>Only Caddy is public</h2> <h2>Production deployment</h2>
<img src="../assets/diagrams/production_deployment.png" alt="Production deployment" /> <img src="../assets/diagrams/production_deployment.png" alt="Production deployment" />
</section> </section>
<section class="slide split"> <section class="slide split">
<div> <div>
<p class="eyebrow">Reliability</p> <p class="eyebrow">Tests</p>
<h2>What makes it reviewable</h2> <h2>Coverage report</h2>
</div> </div>
<ul class="tiles"> <ul class="tiles">
<li>Mocked SMS providers</li> <li>16 automated tests passing</li>
<li>gRPC tests</li> <li>OTP and token use cases</li>
<li>RBAC coverage</li> <li>gRPC auth behavior</li>
<li>Compose validation</li> <li>Demo BFF routes</li>
<li>Health checks</li> <li>SMS provider adapters</li>
<li>Postman guide</li> <li>ruff, mypy, compose config</li>
</ul> </ul>
</section> </section>
@@ -96,8 +81,7 @@
</section> </section>
</main> </main>
<footer class="progress"><span id="counter">1 / 10</span></footer> <footer class="progress"><span id="counter">1 / 9</span></footer>
<script src="slides.js"></script> <script src="slides.js"></script>
</body> </body>
</html> </html>