Freelancers using Tailwind CSS in Surabaya

Freelancers using Tailwind CSS in SurabayaFreelancers using Tailwind CSS in Surabaya

Projects People

Andrianto Cahyono Putro

Surabaya City, Indonesia

AI Product Engineer | Web & Mobile Developer

8: Followers

AI Product Engineer | Web & Mobile Developer

Cover image for Building "The Green Architect": An

Building "The Green Architect": An AI-Powered Sustainability Tool Just shipped a new feature for Project Bytenova! I wanted to build a carbon footprint calculator that doesn't feel like a tax audit. The Challenge: Standard calculators are boring and rigid. I wanted a UI that feels organic and "sketchy" (hand-drawn style), combined with the power of LLMs to handle complex, unstructured user inputs. Key Feature: Users simply type their daily routine or business operations in plain text. The AI analyzes the input, estimates the carbon footprint across 4 categories, and generates 3 custom "blueprints" to reduce it. Check out the slides to see the flow! ➡️ I'm currently open for new opportunities in Development or Collaboration. Let's work together!

0

64

Cover image for DeepDay Landing Page Live Demo: https://deepday.vercel.app/

DeepDay Landing Page Live Demo: https://deepday.vercel.app/

0

70

Cover image for Building out the landing page for Kreativa Bandung using the...

Building out the landing page for Kreativa Bandung using the new Astro 5 and React. As a Developer, I often see a trade-off between "flashy" animations and site performance. My goal with this project was to have both. The Tech Stack: - Astro 5: For that "Zero JavaScript by default" architecture. - React 19: Selectively hydrated for interactive islands (like the text reveals). - Lenis: For normalized, luxury-feel smooth scrolling. - Tailwind CSS: For keeping the style bundle tiny. It’s just a landing page for now, but it demonstrates how modern tooling can deliver premium experiences without the bloat. Check out the demo link in the comments! 👇

1

3

88

Cover image for Excited to share the landing page design for KreativaBandung...

Excited to share the landing page design for KreativaBandung, a digital ecosystem connecting local creatives and startups.

2

75

Tailwind CSS(6)

Surabaya, Indonesia

Building web apps from zero to production

Building web apps from zero to production

Cover image for Pathfinder Education - Networking Platform

Pathfinder Education - Networking Platform

0

11

Cover image for Jambu - Study Abroad University Platform

Jambu - Study Abroad University Platform

0

6

Cover image for Study in Asia - Education Platform

Study in Asia - Education Platform

0

7

Cover image for Stridash - Fitness Dashboard Application

Stridash - Fitness Dashboard Application

0

9

Tailwind CSS(1)

Surabaya, Indonesia

Fullstack MERN Laravel Next.js React | Data Analyst & Viz

8: Followers

Fullstack MERN Laravel Next.js React | Data Analyst & Viz

Cover image for iFinance – Personal Finance Tracker with AI Gemini Insights

iFinance – Personal Finance Tracker with AI Gemini Insights

0

6

Cover image for Portfolio Web Cinematic | Framer

Portfolio Web Cinematic | Framer

0

18

Cover image for FinanceM Web-Based Financial Management Platform

FinanceM Web-Based Financial Management Platform

0

3

Cover image for Netflix Data Visualization created with power bi

Netflix Data Visualization created with power bi

0

2

Tailwind CSS(1)

Fatih Al Jabar H M

Surabaya, Indonesia

Full-Stack Dev crafting fast, scalable React & Next.js apps.

New to Contra

Full-Stack Dev crafting fast, scalable React & Next.js apps.

Cover image for Blockwave Studios – High-Fidelity Digital

Blockwave Studios – High-Fidelity Digital Creator Marketplace & Storefront Delivered an end-to-end interactive product demo approved by a gaming creator studio to power their next-generation digital storefront. Transformed complex multi-vendor commerce requirements into a seamless user experience spanning touch-enabled media galleries, dynamic cart/bundle pricing engines, and modular creator payout dashboards.

3

3

539

Cover image for Personal Portfolio & Headless CMS

Personal Portfolio & Headless CMS – High-Performance Next.js Platform A dynamic, full-stack portfolio platform and self-service CMS engineered with Next.js 16, React 19, Prisma, and PostgreSQL. Features zero-REST server actions, instant bilingual localization (EN/ID via next-intl), secure media uploads via Supabase Storage, and a hardened admin dashboard protected by explicit email allowlists. Fully audited for codebase security and scores 99+ on mobile Lighthouse audits.

4

6

1.6K

Cover image for Intan Sari Farm – Full-Stack

Intan Sari Farm – Full-Stack Agri E-Commerce & Multi-Tier Checkout Platform A production-ready e-commerce platform custom-built for an agricultural enterprise, supporting both physical commodities and downloadable digital materials. Engineered with Next.js 16 (App Router), React 19, Prisma, and PostgreSQL. Features multi-tier regional checkout with dynamic real-time courier shipping calculations via API.co.id (http://API.co.id), seamless online payment automation via Midtrans Snap, and transactional emails powered by Resend.

1

149

Cover image for Tracking Application – Production-Grade Job

Tracking Application – Production-Grade Job Application Tracker & SaaS Pipeline A production-grade job tracking web application engineered to replace messy spreadsheets with an automated, 11-stage Kanban pipeline. Built with React 19, Express 5, and Drizzle ORM, featuring zero-friction Google OAuth (officially verified), secure document storage via Cloudflare R2 presigned URLs, and automated background email jobs. Hardened through 90+ automated tests and full-repo security reviews.

1

199

Tailwind CSS(1)

Surabaya, Indonesia

Full-Stack Developer | Laravel, Next.js | SaaS & Dashboards

New to Contra

Full-Stack Developer | Laravel, Next.js | SaaS & Dashboards

OLEA — Premium Food Brand Storefront A premium, conversion-focused food-brand storefront built in Next.js — editorial design with a masked headline reveal, an interactive grove-to-glass gallery, a dark provenance section, and spring micro-interactions. Token-driven, so it rebrands to any food or product brand in minutes. Designed, built & deployed solo.

1

54

Cover image for A chic, conversion-focused beauty storefront.

A chic, conversion-focused beauty storefront. Editorial design with a masked headline reveal, scroll parallax, and spring micro-interactions; token-driven so the whole brand (colors, copy, photos) rebrands in minutes. Built solo in a day.

0

51

Cover image for CareEscrow: Stripe Connect marketplace and

CareEscrow: Stripe Connect marketplace and escrow payments. A therapy-booking marketplace with real escrow: Express onboarding via Account Links, escrow PaymentIntents, 75/25 split Transfers, full and partial refunds, signature-verified webhooks, and an auto-release cron. The hard, trust-critical parts of payments, done right. Tech: Next.js, Stripe Connect, Supabase (RLS), webhooks (Stripe TEST mode).

1

21

Cover image for Developer Portfolio — Next.js +

Developer Portfolio — Next.js + Tailwind + Framer Motion Description: A fast, editorial portfolio site built end to end in Next.js (App Router) with Tailwind CSS and Framer Motion scroll animations — fully responsive dark design, deployed on Vercel. Live: portfolio-plum-eight-23.vercel.app (http://portfolio-plum-eight-23.vercel.app). Stack: Next.js · React · TypeScript · Tailwind · Framer Motion.

1

62

Tailwind CSS(2)

Surabaya, Indonesia

Frontend Engineer specializing in scalable web applications.

Frontend Engineer specializing in scalable web applications.

Cover image for I led the frontend development

I led the frontend development for a volunteer registration system, focusing on user-centric flows and chatbot-assisted interactions. I also optimized existing features to improve the overall system performance and user experience.

0

26

Cover image for I built a high-traffic event

I built a high-traffic event platform that successfully handled 10,000+ page views. My focus was on developing interactive frontend components and improving user engagement. I integrated REST APIs to provide real-time updates for participant progress, competition timelines, and submission statuses.

0

35

Cover image for I developed and maintained a

I developed and maintained a production-ready startup web application serving over 1,500 monthly active users. I implemented end-to-end features, including complex authentication flows and a comprehensive admin dashboard for daily operations. This project involved deep integration with REST APIs and role-based access control.

0

40

Cover image for I developed the official organizational

I developed the official organizational information page for the Information Systems Student Association. My primary focus was on ensuring visual consistency with existing design guidelines and building custom pages, including a unique 404 error page, while maintaining a fully responsive layout.

0

32

Tailwind CSS(3)

Surabaya, Indonesia

Front End Developer build website with Tailwind CSS, JS, JSX

Front End Developer build website with Tailwind CSS, JS, JSX

Cover image for Movie Streaming App Development

Movie Streaming App Development

0

3

Cover image for Ngekos

0

4

Cover image for Sehat Murah Appointment

Sehat Murah Appointment

0

2

Placeholder project card media

View more →

Tailwind CSS(2)