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 and responsive user interfaces. I'm detail oriented and enjoy creating not only functional, but visually engaging and interactive websites and web applications, combining clean code, reusable components, smooth animations and modern development practices. I enjoy taking on challenges, solving problems, and learning new technologies that allow me to build more creative user experiences and grow as a developer.

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 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 RESTful APIs.
  • Used JavaScript libraries such as DataTables to display dynamic database data.
  • Redesigned the company website with interactive features and animations to improve user experience.
HTML CSS JavaScript Bootstrap DataTables GSAP RESTful 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 system to a local server and data base using WampServer.
  • Integrated a functional dashboard with dynamic charts 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