Skip to content
View KiKDraS's full-sized avatar

Block or report KiKDraS

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Content in all repositories owned by your account will be closed.
Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
KiKDraS/README.md
Header Banner

LinkedIn Email English C1 Location

React Next.js TypeScript Tailwind CSS PWA

Front-End Engineer with over 5 years of experience building scalable, accessible web applications and developer tooling. Specialized in React.js, Next.js, and TypeScript, with a focus on architecture migrations, performance optimization, offline-first Progressive Web Apps (PWAs), and client-side AI integration.

Alongside software development, I serve as a technical instructor in front-end architecture and Object-Oriented Programming (OOP), mentoring developers on engineering best practices and clean code.


Core Competencies

  • Frontend & Architecture: React.js, Next.js, TypeScript, JavaScript (ES6+), Progressive Web Apps (PWAs), Tailwind CSS, Component-Driven Design, Responsive Web Design.
  • State & Local Persistence: React Context, Custom Hooks, IndexedDB, LocalStorage, Firebase.
  • Backend & Integrations: Node.js, RESTful APIs, Client-Side / In-Browser AI Models, MongoDB.
  • Tooling & Engineering Standards: Git, GitHub, Vite, Webpack, Agile/Scrum workflows, Code Reviews.

Featured Projects

  • MTG Life Counter & AI Rules Engine Web application for tabletop match management featuring an integrated client-side AI engine to resolve card interactions and rules queries in real time. Designed for offline resilience and complex local state synchronization.

    • Tech stack: Next.js, TypeScript, Tailwind CSS, IndexedDB, In-Browser AI.
  • Pokémon Database & Exploration Platform Production-oriented application demonstrating hybrid rendering (SSR/SSG), modular component architecture, and secure authentication flows via NextAuth.js.

    • Tech stack: Next.js, React, NextAuth.js, Vercel CI/CD.
  • E-Commerce Single Page Application Complete e-commerce storefront showcasing dynamic routing, global cart state synchronization using React Context, and asynchronous catalog ingestion.

    • Tech stack: React.js, React Router, Context API.
  • Interactive Web Engine Educational reference implementation of the Observer Design Pattern in Vanilla JavaScript, strictly decoupling core business logic from DOM state updates.

    • Tech stack: JavaScript (ES6+), Design Patterns, Event Delegation.

Professional Background & Instruction

  • Software Developer at Unico: Core application migrations from React.js to Next.js (+15% load performance boost), high-throughput identity verification components, and cross-functional Agile delivery.
  • Technical Instructor at EducaciónIT: Designing curriculum, technical challenges, and delivering advanced front-end training with a 4.8/5.0 student satisfaction rating.

Contact & Profiles

Pinned Loading

  1. mtg-life-counter-app mtg-life-counter-app Public

    PWA for Magic: The Gathering — life tracking at dice speed for 2–6 players, plus an AI rules judge grounded in the Comprehensive Rules and Scryfall data.

    TypeScript

  2. opencode-landing-page-template opencode-landing-page-template Public template

    Landing page scaffold with AI agent pipeline — plan, code, review, test, release

    JavaScript

  3. coder-next coder-next Public

    Modern web application built with Next.js, React, and NextAuth.js. Features secure session management, protected routes, and hybrid rendering (SSR/SSG).

    JavaScript

  4. laboratorio-web-app laboratorio-web-app Public

    Proyecto de e-commerce creado como parte del programa de estudio de la carrera Tecnicatura Superior en Desarrollo de Software.

    JavaScript

  5. integrador-react-js integrador-react-js Public

    Responsive E-Commerce Single Page Application (SPA) built with React.js, featuring dynamic routing, global cart state management, and asynchronous data fetching.

    JavaScript

  6. calculadora calculadora Public

    Interactive Web Calculator built with modern JavaScript and CSS, focusing on arithmetic logic parsing, edge-case handling, and responsive UI design.

    JavaScript