Hi, I'm

Roggi Dev

Front End Engineer

Hi I'm Yael Rodríguez (Roggi), Front End Engineer and Creative Developer focused on building modern, interactive, and high-performance web solutions. I'm detail oriented and enjoy creating not only functional, but visually engaging web experiences through clean code, Responsive Web Design, reusable UI components, performance optimization and Web Animations. I enjoy taking on challenges and solving complex problems while crafting premium digital experiences that balance creativity, usability, performance and business goals.

02 +

Years of Experience

07

Highlight Projects

My Stack

Modern tools and technologies I use in my day-to-day work as a developer.

HTML5

HTML

Structure

CSS

CSS

Styling

JavaScript

JavaScript

Interaction

Bootstrap

Bootstrap

Responsive CSS Framework

Lit

Lit

Custom elements

GSAP

GSAP

Smooth animations

Vite

Vite

Build tool

React

React

JavaScript library

Next.js

Next.js

React framework

Tailwind CSS

Tailwind

Utility-First CSS Framework

Shadcn/ui

Shadcn/ui

UI Component Library

TypeScript

TypeScript

Type-safe

Experience

Front End Developer

Timbremos Juntos

|

02/2025 - Now

  • Built and maintained responsive web interfaces for ASP .NET and PHP business applications built for electronic invoicing, supplier management and internal management systems.
  • Implemented client-side form validation.
  • Integrated Front-End interfaces with Back-End services through REST APIs.
  • Debugged and resolved issues in business applications.
  • Developed SQL queries and implemented dynamic DataTables for displaying query results.
  • Implemented user access controls to manage access to application features and interfaces.
  • Designed and developed informational websites with a focus on Responsive Web Design, performance optimization, Web Animations, interactivity, and user experience.
HTML CSS JavaScript Bootstrap DataTables Lit GSAP REST API C# PHP SQL

Web Developer

Universidad La Salle Cuernavaca

|

08/2023 - 04/2024

  • Designed and developed a web application for the University Engineering Workshops to manage tools and inventory.
  • Implemented a basic username and password authentication system to control access to the application.
  • Developed responsive interfaces with tables, forms, and validations for managing database data.
  • Implemented an interactive dashboard with dynamic charts for data visualization.
HTML CSS JavaScript SweetAlert2 Chart.js PHP SQL WampServer

Projects

Explore a selection of projects that highlight my skills in web development.

Timbremos Juntos

Timbremos Juntos

Complete redesign of the Timbremos Juntos website focused on enhancing both visual design and user experience through a clean and modern UI, highlighting available services, integrating smooth animations and new contact features.

HTML CSS JavaScript Bootstrap GSAP
Dr. Gabriel Pérez Mendoza

Dr. Gabriel Pérez Mendoza

Custom website developed for Dr. Gabriel Pérez Mendoza, ultrasound specialist, designed to highlight his professional profile, available services, and to provide clear and accessible options for contact and appointment scheduling.

HTML CSS JavaScript Bootstrap Lit
Zentry Landing Page

Zentry Landing Page

Zentry landing page recreation built with React, GSAP and Tailwind as part of the Build and Deploy an Awwwards Winning Website course by JavaScript Mastery.

HTML CSS Tailwind JavaScript GSAP Vite React
Velvet Pour Landing Page

Velvet Pour Landing Page

Animated cocktail bar landing page built with React, GSAP and Tailwind. Developed as part of the Master Web Animations course by JavaScript Mastery.

HTML CSS Tailwind JavaScript GSAP Vite React
Movie App

Movie App

Full-stack movie app built with React that allows the user to browse trending movies using The Movie Database API. Developed as part of the React JS 19 Full course by JavaScript Mastery.

HTML CSS Tailwind JavaScript Vite React TMDB API AppWrite
Weather App

Weather App

Full-stack web app built with Bootstrap, Node.js and Express.js that allows the user to check the current weather conditions and view a 2-day forecast via WeatherAPI.

HTML CSS JavaScript Bootstrap Node.js Express.js Axios Weather API Geo API
Movie App

HTML XLS Converter

Full-stack web app for converting legacy HTML based XLS files into modern XLSX files, preserving the original structure, headers, tables and data.

HTML CSS JavaScript Bootstrap Node.js Express.js Multer Cheerio Sheet.js