Lewi’s Portfolio

I am a Front-End Developer & Software Engineer

Hi, I’m Lewi, a frontend developer with over 2 years of experience creating seamless digital experiences that are fast, responsive, and user-friendly.

Lewi Maropo

Who am I?

Hi, I’m Lewi Maropo, a frontend developer and Information Systems student at Telkom University. With over 2 years of experience, I bring designs to life with clean, responsive code that blends creativity with usability. My work spans reusable, component-based interfaces in React and Next.js, pixel-perfect implementation of designs, and layouts that work seamlessly across all screen sizes and devices.

  • 2+

    Years Experience

  • 7

    Projects

  • 50

    Users Served

  • 99%

    Client Satisfaction

Career Journey

A visual timeline of key milestones and experiences from over the years.

  1. Founder & Developer

    MaropoChord

    2026 - Present

    • A public chord site for pop, worship, Indonesian regional, Western and children’s songs, with 114 songs live.
    • Grown out of the Exo Worship codebase and opened up: key changes, capo, number chords, guitar and piano diagrams, and setlists.
    • Next.js 16 and Supabase with ChordSheetJS for transposition, PDF export and import, and a service worker that keeps opened pages readable offline.
  2. Full Stack Developer β€” Freelance

    PD. Santo Putra Oil

    2025

    • E-commerce for an automotive parts shop: product catalog, product detail, and cart on the storefront.
    • Admin area behind protected routes for managing products, sales, and reports.
    • React 19 and TypeScript with Tailwind v4 and shadcn/ui on Radix primitives; Supabase for data and authentication.
  3. Full Stack Developer β€” Freelance

    PD. Riloka Mart

    2024

    • Web app for a supplies store serving small shops and stalls.
    • Responsive marketplace layout built with modern web technologies.
    • Focused on a simple, easy-to-use flow for customers.

My Core Skill

An overview of the key technologies and frameworks I specialize in

HTML
CSS
JavaScript
Redux
TypeScript
React
  • HTML
  • CSS
  • JavaScript
  • TypeScript
  • React
  • Redux

Frequently Asked Question

Find answers to some of the frequently asked questions below.

  • Yes, I’m open to freelance or remote opportunities β€” especially those focused on building intuitive and responsive user interfaces.

What Sets Me Apart

A comparison of my approach and skills against typical programmers.

Me compared with other developers
SkillMeOther
Hands-On React ExperienceYesNo
Precise Website ImplementationYesNo
TypeScript ProficiencyYesNo
Clean, Maintainable CodeYesNo
Responsive Website DevelopmentYesNo
Performance OptimizationYesNo
UI Design Proficiency (Figma)YesNo

Experience in Front-End Development

I translated design mockups into pixel-perfect, responsive components, ensuring a smooth user experience across all devices.

  • Exo Worship Library screenshot

    Exo Worship Library

    • Next.js 16
    • React 19
    • TypeScript

    A private library of chord sheets for a 50-person worship team. Instant transposition, auto-scroll and screen wake lock for use on stage, team and personal setlists, and combined medley sheets that export as one PDF.

    Visit Exo Worship Library (opens in a new tab)
  • MaropoChord screenshot

    MaropoChord

    • Next.js 16
    • React 19
    • Supabase

    A public chord site for pop, worship, Indonesian regional, Western and children’s songs. Change the key, add a capo, switch to number chords, read guitar and piano diagrams, and build setlists.

    Visit MaropoChord (opens in a new tab)
  • Crypto Dashboard screenshot

    Crypto Dashboard

    • Next.js 16
    • React 19
    • TypeScript

    Live prices for the top 250 coins with sortable markets, a price chart from one minute to one month, a watchlist and a portfolio tracker kept in the browser, and a converter between coins and seven fiat currencies.

    Visit Crypto Dashboard (opens in a new tab)
  • Stock Dashboard screenshot

    Stock Dashboard

    • Next.js
    • React 19
    • TypeScript

    US market closing prices, price history, a watchlist, and a practice account that trades play money at real closes. Built around a free API limit of five calls a minute, so two calls price every page.

    Visit Stock Dashboard (opens in a new tab)
  • Movie Explorer screenshot

    Movie Explorer

    • React
    • TypeScript
    • Vite

    Browse trending and now-playing films, search as you type, open a detail page with the trailer, cast and similar titles, and keep a list of favourites. Built to a supplied Figma spec for phone and desktop.

    Visit Movie Explorer (opens in a new tab)
  • Foody screenshot

    Foody

    • Next.js
    • TypeScript
    • TanStack Query

    A food ordering app over a supplied REST API: browse and filter restaurants, open a menu, fill a cart, check out, and look back through order history. Eleven pages behind a sign-in.

  • Sociality screenshot

    Sociality

    • Next.js
    • TypeScript
    • Tailwind

    Photo sharing with follows, likes, comments and saves. Built as a frontend MVP on the Sociality REST API, with optimistic updates so an action lands before the server answers.

    Visit Sociality (opens in a new tab)

Why People Say About Me

Hear from clients and colleagues about their experiences working with me.

  • Ester

    Exo Worship Team

    β€œReally helpful for the entire team.”
  • Chyntia

    Exo Worship Team

    β€œSo cool! Now we have our own platform for music.”
  • Putri

    MaropoChord User

    β€œThis is seriously cool!”

Contact Me

Feel free to drop a message for any inquiries or collaborations.