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, reusable components, performance optimization, smooth animations and modern development practices. I enjoy taking on challenges, solving complex problems and crafting premium digital experiences that balance creativity, usability, performance and business goals.

02

Years of Experience

06

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

Tailwind CSS

Tailwind

CSS framework

JavaScript

JavaScript

Interaction

Bootstrap

Bootstrap

Component library

Lit

Lit

Custom elements

GSAP

GSAP

Smooth animations

Vite

Vite

Build tool

React

React

JavaScript library

Next.js

Next.js

React framework

TypeScript

TypeScript

Type-safe

Experience

Front End Developer

Timbremos Juntos

|

02/2025 - Now

  • Built and maintained responsive web interfaces for electronic invoicing and internal management systems.
  • Connected Front End views with Back End services through REST APIs.
  • Displayed database query results in dynamic tables using DataTables.
  • Designed and developed 2 informational websites focusing on visual presentation, performance and user experience.
HTML CSS JavaScript Bootstrap DataTables Lit GSAP REST APIs PHP SQL

Web Developer Intern

Universidad La Salle Cuernavaca

|

08/2023 - 04/2024

  • Built a web application project named "Tool and Inventory Control System" for the University Engineering Workshops.
  • Connected the web app with a local server and database.
  • Implemented a dashboard with dynamic graphs to present the most relevant data to the user.
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