sails-blueprint-generate's Introduction

Hi there! 👋

I’m Nanang, your friendly neighborhood Self-Taught Front-End Engineer 🚀. I’ve been on this wild coding adventure since 2008, and let me tell you, it’s been a rollercoaster of curly braces, semicolons, and late-night debugging sessions. But hey, that’s where the magic happens, right? ✨

🧰 What’s in My Toolbox?

Front-End Sorcery: I weave pixel-perfect spells with CSS and Javascript. Whether it’s crafting responsive layouts or conjuring interactive UIs, I’ve got you covered.
Alchemy Beyond Hype: While others chase the latest buzzwords and trends, I delve deeper. I seek practical magic —the tools that fit the project like a well-worn cloak. Whether it’s a mystical Svelte incantation or a Cloudflare Workers enchantment, I choose wisely.
Code Compass: My compass doesn’t point north; it points to the most suitable solution. Front-End? Serverless? I’ve danced with them all. JavaScript and TypeScript are my trusty wands, and Svelte & SvelteKit? Ah, they’re my favorite spells.
Serverless Enchantments: Ever seen a server vanish into thin air? That’s my specialty! I wield the power of Cloudflare Workers, Vercel, Firebase, and Supabase to create cloud-native wonders.

🏹 Join Me on This Quest!

Feel free to explore my repositories, peek at my code incantations, and maybe even drop a star or two. Let’s build magical software together! 🌟

Disclaimer: No dragons were harmed during the creation of this introduction. But a few bugs might have been squashed. Remember, bugs are just mischievous gremlins testing our resolve. Happy coding! 🧙‍♂️✨

Magic Wands

Social Links

🐞🐞🐞

sails-blueprint-generate's People

Stargazers

Watchers

sails-blueprint-generate's Issues

Add Foundation Components Macro

Add Foundation components macro (http://foundation.zurb.com/docs/components) to help users when using the template.

Macro Usage Sample

<form action="">
  {{ comp.textinput('First Name', 'firstname', 'fit rounded') }}
</form>

and resulting:

<form action="">
  <div class="row">
    <div class="large-12 columns">
      <label>First Name
        <input type="text" id="firstname" name="firstname" class="fit rounded" placeholder="Enter First Name" />
      </label>
    </div>
  </div>
</form>

Add Bootstrap Components Macro

Add Bootstrap components macro (http://getbootstrap.com/components) to help users when using the template.

Macro Usage Sample

<form action="">
  {{ comp.textinput('First Name', 'firstname', 'fit rounded'') }}
</form>

and resulting:

<form action="">
  <div class="form-group">
    <label for="firstname">First Name</label>
    <input type="text" id="firstname" name="firstname" class="form-control fit rounded" placeholder="Enter First Name">
  </div>
</form>