2 min read

Read time

Portfolio WASM

New portfolio WASM, a history of performance and love powered by Rust with Leptos.

Date Jun 2024
Tags 9 Tags
Viewws 469 views

Ever Ruiz Diaz Ever Ruiz Diaz


The journey to excellence

Welcome to my WASM portfolio, a cutting-edge showcase of my work with Rust and WebAssembly, powered by the Leptos framework.

This portfolio is more than just a collection of projects; it reflects my commitment to excellence and innovation in the tech industry.

Stack

In addition to Leptos I have used Axum to create a microservice which uses RedisDB for persistence. I use the API for some web features like visits or feedback.

Design

Inspired by the achievements of Vercel, Nio, SpaceX, Apple, and Nothing, with Guille as a role model for Latin Americans in software development, I strive for top-tier standards.

Explore sections currently under development, exemplifying quality and precision. Every element is thoughtfully curated to create a functional and aesthetically pleasing digital space. Though some parts are still in progress, I am excited to share this journey with you.

Features

Enhanced Performance with SSR & Hydration

  • Lightning-fast initial page loads through server-side rendering.
  • Seamless transition to interactive content with client-side hydration.
  • Optimized for both speed and user interaction.

Interactive Feedback System

  • Clean, intuitive feedback interface.
  • Real-time email notifications via RedisDB and SMTP.
  • Streamlined user engagement process.

Advanced Analytics & Insights

  • Individual post view tracking.
  • Centralized visitor analytics in RedisDB.
  • Visual engagement metrics dashboard.

Architecture

Portfolio Architecture

Monitoring

As I show in the graph above, I have used Grafana and InfluxDB (another wonderful project powered by Rust) for monitoring. For those who do not know these technologies, InfluxDB is a timeseries database that has its own system for data collection and Grafana serves as a client for this data. In addition, InfluxDB has an alert system that I have connected to a Telegram bot to keep up to date with any incidents.

Grafana Dashboard

Deployment

I have deployed the entire portfolio and the various technologies around it on my own beloved mini server.

The thrill of technological success is palpable. After working tirelessly, I have launched my portfolio and the entire technological environment surrounding it on my own server, a true palace of innovation:

ComponentName
OSFedora Server 40
HTTPS ServerCaddy
DomainSquareSpace
AdministrationCockpit and SSH
MonitoringGrafana with InfluxDB
AlertsInfluxDB with Telegram

See you soon

Making this portfolio has been a beautiful adventure, to get to know the WASM world and to reinforce my knowledge in Rust, I dedicate it to my beautiful daughter Sofia, source of my strength and eternal inspiration!

Was this helpful?