Arran
Arransha Nouvalafi P.

Hago sitios web y experiencias digitales a partir de ideas que quiero probar, y luego los pruebo con IA hasta que son más fáciles de usar.
Donde empezó la curiosidad
- Armar bloques
- Armar la lógica
- Armar sitios web
Ahora aprendo con sitios web y aplicaciones. Planifico la idea y su flujo, la construyo con ayuda de IA, pruebo el resultado y corrijo lo que todavía no está bien.
Trabajo
6 sitios públicos. Abre una carpeta para ver sus pantallas, su historia y el sitio.

EcoTrack
Sitio educativo para separar los residuos del hogar
EcoTrack invita a separar los residuos en casa: conocer cuatro categorías, practicar la separación sin cuenta y luego registrar el resultado. Los registros se revisan antes de contar.
La historia de EcoTrackAbrir ecotrack.id (se abre en una pestaña nueva)

SANDI SALDO
Juego web educativo sobre finanzas digitales
Siete días en una ciudad sin efectivo: el jugador recorre una ciudad isométrica, cumple siete misiones principales y casos extra, y aprende a decidir sobre dinero y seguridad digital.
La historia de SANDI SALDOAbrir sandi-saldo.ct.ws (se abre en una pestaña nueva)

PJ CUP XXIX 2027
Sitio web de evento e inscripción a competencias escolares
El sitio de PJ CUP XXIX 2027 ayuda a los participantes a encontrar competencias, información de inscripción, el calendario y los documentos del evento.
La historia de PJ CUP XXIX 2027Abrir pjcup.web.id (se abre en una pestaña nueva)

BID Consulting
Sitio web de una consultora de infraestructura
El sitio público de BID Consulting presenta servicios de consultoría en infraestructura y gestión para gobiernos, empresas estatales, socios de desarrollo y el sector privado.
La historia de BID ConsultingAbrir bidconsulting.co.id (se abre en una pestaña nueva)

Ruang Penilaian PSN
Interfaz de un sitio de evaluación inicial de propuestas
La página de acceso de Ruang Penilaian PSN, para la evaluación inicial de propuestas basada en evidencia documental. Este portafolio solo muestra la página de acceso pública.
La historia de Ruang Penilaian PSNAbrir psn-penilaian.web.id (se abre en una pestaña nueva)

REFF Partnership
Sitio web de un bufete de abogados
El sitio público de REFF Partnership presenta un bufete en el sur de Yakarta, sus áreas de práctica y cómo concertar una consulta.
La historia de REFF PartnershipAbrir refflawfirm.com (se abre en una pestaña nueva)
EcoTrack
Sitio educativo para separar los residuos del hogar
EcoTrack invita a separar los residuos en casa: conocer cuatro categorías, practicar la separación sin cuenta y luego registrar el resultado. Los registros se revisan antes de contar.
Definí la idea y el flujo, lo construí con ayuda de IA y luego probé cada función.

- Orgánico
- Inorgánico
- Peligroso
- Residual
SANDI SALDO
Juego web educativo sobre finanzas digitales
Siete días en una ciudad sin efectivo: el jugador recorre una ciudad isométrica, cumple siete misiones principales y casos extra, y aprende a decidir sobre dinero y seguridad digital.
Para un trabajo en grupo, construí el sitio web del juego con IA y lo probé en portátil y teléfono.

PJ CUP XXIX 2027
Sitio web de evento e inscripción a competencias escolares
Sitio web del evento. El evento está programado del 16 al 23 de enero de 2027 y todavía no se ha celebrado.
El sitio de PJ CUP XXIX 2027 ayuda a los participantes a encontrar competencias, información de inscripción, el calendario y los documentos del evento.
Trabajé en el sitio web y su software junto con un colaborador, con ayuda de IA.

Cómo trabajo
Cinco pasos que repito en cada proyecto. Puedes probar a ordenarlos tú en el tablero.
Idea
Empiezo por una necesidad o por algo que quiero probar.
Dirección
Planifico el contenido, el flujo y el aspecto que hacen falta.
Construir con IA
Uso la IA como herramienta para ayudarme a escribir y entender el código.
Pruebas
Pruebo el flujo en varias pantallas y reviso lo que todavía no está bien.
Mejora
Corrijo el resultado y vuelvo a probar.
Prueba a ordenar el flujo
Arrastra los cinco pasos para probar a ordenarlos tú mismo.
Lo que estoy aprendiendo
Elige una para ver dónde la usé.
Ya la he usado
Ideas y necesidades
Averiguar qué hay que explicar y quién lo va a usar.
EcoTrack, PJ CUP XXIX 2027, BID Consulting
Ya la he usado
Flujo de usuario
Ordenar los pasos que sigue un visitante de principio a fin.
EcoTrack, SANDI SALDO, PJ CUP XXIX 2027
Ya la he usado
Dirección visual
Decidir la disposición de la página, los colores y lo que debe destacar.
SANDI SALDO, EcoTrack, PJ CUP XXIX 2027
La estoy aprendiendo
Construir con IA
La IA ayuda a escribir y explicar el código. La dirección y las decisiones finales las reviso yo.
BID Consulting, Ruang Penilaian PSN, REFF Partnership
Ya la he usado
Pruebas de interfaz
Probar pantallas, enlaces y funciones en portátil y teléfono antes de darlos por terminados.
Ruang Penilaian PSN, EcoTrack, SANDI SALDO
Ya la he usado
Automatización de documentos
Usar AutoCrat para preparar automáticamente documentos del equipo de Student Company.
AutoCrat, Student Company
Ya la he usado
Lógica visual
Scratch y Construct, donde ordené por primera vez instrucciones para formar un programa.
Scratch, Construct
Quiero profundizar
Bases de datos y cómo funciona la IA
Lo que quiero entender mejor después.
Economía y XAUUSD
Además de crear sitios web, también me interesa la economía y estudio el movimiento del precio del oro a través de XAUUSD. Me gusta entender cómo las noticias económicas, los cambios en el valor del dólar y las decisiones del mercado se relacionan con el gráfico de precios.
¿Qué es XAUUSD?
XAUUSD muestra el precio del oro en dólares estadounidenses.
Leer una vela
En el gráfico, una vela resume el precio de apertura, el máximo, el mínimo y el de cierre de un periodo.
- Sube: el cierre está por encima de la apertura
- Baja: el cierre está por debajo de la apertura
Varias velas forman un movimiento
Cuando las velas se colocan en orden, empieza a verse la dirección del precio con el tiempo.
Explora el gráfico
Pasa el cursor, toca o usa las teclas de flecha para ver los detalles de cada vela.
Simulación para aprender — no son precios en vivo
Los datos de este gráfico se crearon para practicar la lectura de velas. No son precios de mercado, no son resultados de mis operaciones y no son consejos de inversión.
Fuera de la pantalla
Entrenamiento, actividades y experiencias que también dan forma a cómo aprendo.
Taekwondo
El taekwondo me entrena para enfrentar los nervios y concentrarme en los movimientos que he practicado. Todavía quiero estar más tranquilo al decidir en la arena.
- Club SACTI, Bintaro Jaya
- 1.er lugar, CNN Indonesia Taekwondo Championship 2024
- 1.er lugar, Sacti League Taekwondo Championship 2025
- 2.º lugar, Tangsel Open Taekwondo Championship 2025
- El cinturón negro sigue siendo una meta
Actividades escolares
Participé en el comité de elecciones del consejo estudiantil (Komisi Pemilihan OSIS) en la división de IT, en Paskibra como representante de la escuela y en varios comités de PJ CUP. Me gustan los retos que me hacen trabajar con otras personas.
- Komisi Pemilihan OSIS, división de IT
- Paskibra
- Varios comités de PJ CUP
Inmersión en Japón
La experiencia de inmersión en Japón me hizo más valiente para conocer gente y adaptarme a costumbres distintas.
- Visita a una escuela
- Conocí a estudiantes locales
- Estancia con una familia japonesa
Student Company
En el equipo de Student Company ayudé con el registro digital y la automatización de documentos. El premio que recibimos es un logro del equipo, no un título personal.
- Excellence in Financial Management & Reporting Award
- Curso 2025/2026
- Logro del equipo
Trayectoria
Formación
Archivo
Dos experiencias sin sitio que abrir, pero que también me enseñaron algo.
Apoya mi trabajo
Si disfrutas de mi trabajo y de mi proceso de aprendizaje, puedes apoyarme a través de Saweria.
Donar con Saweria (se abre en una pestaña nueva)El importe y el método de pago se eligen en la página oficial de Saweria. En este sitio web no se procesa ningún pago.
- Abre mi página de Saweria.
- Elige allí el importe y el método de pago.
- Completa el pago en Saweria.
Arransha Nouvalafi P.
¿Tienes una idea para probar?
Me gusta intercambiar ideas mientras sigo aprendiendo a hacer algo útil.
Enviar un correoVer GitHub (se abre en una pestaña nueva)Chatear por WhatsApp (se abre en una pestaña nueva)
Abre WhatsApp. No se envía ningún mensaje automáticamente.






