svg
Head

ARVX Dev Log #5: First Android + Web Build

Today was a milestone—I got both my Android build and Web build running with skeleton styling!

After a week of troubleshooting Expo, NativeWind, and Babel configs, it feels great to finally see the app running on the Android emulator and styled consistently across web.


Android + Web Builds

Running npx expo run:android successfully launched my app in the emulator for the first time. Seeing the first tab screen load with proper skeleton styling was a huge step forward.

On the web side, I was able to align styles so both platforms look nearly identical. Tailwind (via NativeWind) is really proving to be a strong choice for managing consistency across platforms.


Skeleton Styling

With skeletons in place, I now have a clean visual framework for the app. The goal isn’t polish yet, but structure—making sure layouts, spacing, and base components are consistent.

This gives me a solid canvas to refine the glassmorphism + brutalism theme I want for ARVX. Once the style system feels cohesive, layering in functionality will be smoother.


Takeaway & Next Steps

Today was a big “first working build” moment. Seeing the app styled across both Android and Web makes everything feel stitched together.

Next up:

  • Refine the glassmorphism + brutalism theme so components look unified.
  • Finalize the design system (colors, transparency, typography, shadows).
  • Once styling is solid, shift focus to logic, APIs, and backend integration.

By balancing design first, then functionality, I’ll have a strong visual foundation that makes development faster and more intentional moving forward.

Let’s Build Something Together

I’m a fullstack developer passionate about creating dynamic, performant web experiences. Whether it’s a sleek front-end interface or a robust back-end system, I can help bring your ideas to life. Send me a message and let’s get started!

svg