Vue 3 Nuxt Pinia CSS / SASS JavaScript Agile

EducaciónIT
& ISTEA

Role Full Stack Web Developer
Timeline Jan – Apr 2023 · 4 months
Deliverables 2 platforms rebuilt from scratch
Platform educacionit.com · istea.edu.ar
// overview

Rebuilding two platforms
from the ground up

EducaciónIT is one of Latin America's leading tech education platforms — 565K+ students, 345+ courses, and a 4.8-star rating across a decade of operation. Their main site, educacionit.com, and their accredited higher education institute, istea.edu.ar, had accumulated years of technical debt and were in urgent need of a full architectural overhaul.

I joined the team as a Full Stack Web Developer with a clear mandate: don't patch, rebuild. Both sites needed to be rewritten from scratch using a modern Vue/Nuxt stack — with improved responsiveness, cross-browser compatibility, and the performance required to serve hundreds of thousands of learners across Argentina and Latin America.

Working in an Agile environment with daily standups and collaborative code reviews, the biggest challenge was engineering layouts that were truly bulletproof — flexible enough to handle any content structure, screen size, or device, while still maintaining visual consistency with the existing brand.

// what_was_built

Two platforms, one complete rebuild

01

educacionit.com

The main platform for Latin America's leading tech education provider. Rebuilt from scratch to handle scale — 565K+ students, 345+ courses, and a course catalog with AI-driven recommendations.

  • Full homepage rebuild with course category navigation
  • Dynamic course catalog with filtering and search
  • Bootcamp and intensive program landing pages
  • AI advisor tool integration for course recommendations
  • Trust indicators: ratings, student count, partner logos
  • Fully responsive across all breakpoints
educacionit.com
02

istea.edu.ar

ISTEA is EducaciónIT's accredited higher education arm, offering 2-year technician programs in technology and business. The site needed to communicate credibility, career outcomes, and institutional trust.

  • Career program pages: Technology & Business tracks
  • Student testimonial carousel with real outcomes
  • Employment statistics display (73% mid-career, 99% post-graduation)
  • Partner logo section: Globant, Mercado Libre, Accenture, Microsoft, AWS
  • Webinar and event registration cards
  • Cross-browser compatibility and accessibility improvements
istea.edu.ar
// tech_stack

Built with a modern Vue ecosystem

Vue 3 Framework
🚀 Nuxt SSR / Routing
🍍 Pinia State Management
🎨 CSS / SASS Styling
📜 JavaScript ES6+
🔧 GitLab Version Control
📐 Figma Design Reference
🔄 Agile / SCRUM Methodology
// process

How we worked

01

Audit & Architecture

We started by mapping every page, component, and interaction on both existing sites — identifying what needed to be replicated, what could be improved, and what was causing performance and responsiveness issues. From there we defined the new component architecture in Vue 3.

02

Component-First Development

Each UI element was built as an isolated Vue component — from course cards and category filters to testimonial carousels and partner logo strips. Pinia managed shared state across the app, keeping components clean and predictable. SASS variables enforced design consistency across both platforms.

03

Bulletproof Layouts

The biggest engineering challenge was building layouts that could genuinely handle any content. Course titles of wildly different lengths, categories that could have 2 or 200 items, cards that needed to look right whether they had an image or not. Every layout was stress-tested with real edge-case content.

04

Cross-Device & Cross-Browser QA

Both platforms serve users across a wide range of devices and browsers in Argentina and Latin America. Full QA was run on mobile, tablet, and desktop — across Chrome, Firefox, Safari, and Edge. Responsiveness was treated as a first-class feature, not an afterthought.

05

Agile Delivery

Daily standups kept the team aligned on progress and blockers. Code reviews happened in GitLab before anything merged — ideas were shared, challenged, and refined collaboratively. Releases were shipped incrementally, minimizing risk to a live platform with hundreds of thousands of active users.

// results

A platform built to scale

The rebuilt platforms serve one of Argentina's largest ed-tech communities — with measurably improved performance, responsiveness, and cross-device consistency.

565K+ Students on the rebuilt platform
345+ Courses and bootcamps served
2 Full platforms rebuilt in 4 months
4.8★ Platform rating maintained post-launch
99% ISTEA graduate employment rate
100% Cross-browser & device compatibility

// next_step

Want to build something like this?

Whether you need a full platform rebuild or a modern frontend from scratch — I'd love to hear about your project.

// next_case_study
GrooveLab FX
View Case Study