Alpine.js image preview component

Sometimes, when we create a form with image upload, it may be a good idea to preview the image before sending it to the backend or to preview the image that is already uploaded when opening the form to edition.

In this tutorial, I’ll teach you how to create a simple and reusable Alpine.js component to preview uploadable images.

This post assumes you have a basic knowledge of Alpine.js.

To facilitate the process I’ll use the TailwindCSS framework to style the component, but don’t worry, I’ll only use some simple styling and I’ll explain the relevant CSS I’m using when…


vote-hub.app

Sometimes it is necessary to know what are the most critical features on your roadmap. It can help you saving time when focusing on the features that are really necessary at the moment.

Currently, I have two products in the market (Rapid Mockup, Vemto) that needed some type of feature voting.

Until now, I was doing feature voting using Google Forms. It worked as a workaround, but I needed something more simple, intuitive and directly incorporated into my products, and that doesn’t ask for voter login.

I searched for something with these requirements, but the majority of products I found…


I know this sounds crazy and, a few months ago, I never would have imagined such a feat or even raised such a possibility.

Why, huh?

I have been developing software for a few years, and I have already used several database solutions in my projects, such as:

  • MySQL
  • PostgreSQL
  • Redis
  • MongoDB
  • And many others …

Therefore, creating my own database was never a necessity in the projects that I participated in all these years, having always chosen some ready and specific solution for each case.

Until I started developing Vemto, my most recent project. Vemto is a code generator for the…


Sei que soa maluco e, alguns meses atrás, eu nunca teria imaginado essa façanha nem aventado tal possibilidade.

Por que hein?

Desenvolvo software há alguns anos, e já utilizei diversas soluções de banco de dados em meus projetos, como:

  • MySQL
  • PostgreSQL
  • Redis
  • MongoDB
  • E muitos outros…

Portanto, criar meu próprio banco de dados nunca foi uma necessidade nos projetos que participei em todos estes anos, tendo sempre escolhido alguma solução pronta e específica para cada caso.

Até que comecei a desenvolver o Vemto, meu projeto mais recente. O Vemto é um gerador de código para o framework Laravel (um framework PHP), com o…


Vemto is a desktop application that will optimize and speed up the way you start new projects with Laravel.

Schema specification screen (models, tables, and relationships) from Vemto

The tool can generate code for:

  • Models, Migrations, Policies, Factories, and Seeders
  • Controllers and Form Requests
  • CRUD Applications
  • Tests
  • And much more coming soon… (see the Roadmap)

Also, there are smart features that help your productivity. For example, when adding a common field to your Model, such as the “gender” field, the field type, options, and the faker code will automatically be suggested (in fact it automatically adds the faker code for all types of fields):


Vemto é uma aplicação desktop que irá otimizar e acelerar a forma que você inicia novos projetos com Laravel.

Tela de especificação do Esquema (models, tabelas e relacionamentos) do Vemto

A ferramenta oferece diversas funcionalidades, realizando a geração de código de diversos recursos da sua aplicação:

  • Models, Migrations, Policies, Factories e Seeders
  • Controllers e Form Requests
  • Aplicações CRUD
  • Testes
  • E muito mais por vir em breve… (veja o Roadmap)

Além disso, existem recursos inteligentes que ajudam na sua produtividade. …


Vemto demonstration

Vemto

Vemto is an upcoming Desktop Application that is being created to make starting new Laravel Projects easy. It brings plenty of awesome features to help you start your next project, and generates the code for:

  • Models, Migrations, Policies, Factories, and Seeders
  • Controllers, Tests and Form Requests
  • CRUD applications views (Under Development)
  • Authentication and Permissions modules (Under Development)

The projects are modular, allowing you to choose what sections of code to generate.

You can subscribe to the app launch here: https://vemto.app


Apesar da versão 6 do Laravel ter sido lançada em Setembro de 2019, ainda existe alguma confusão na comunidade sobre o novo padrão de versionamento e a sensação de que as coisas estão indo rápido de mais.

Como utilizo Laravel há algum tempo, estou acostumado com o ciclo de versões, e gostaria de explicar aqui o que mudou, e por que você não deveria se preocupar.

Poxa… criou na versão 7, e agora?

Bom, primeiramente, vou deixar aqui a declaração oficial da mudança, na versão original e traduzida:

The Laravel framework (laravel/framework) package now follows the semantic versioning standard. This makes the framework consistent with the other…


Some days ago, I found me extremely tired of doing long and static estimates/quotes to send to my customers. Sometimes, I needed to put sections to explain things like optional items, open scope, the total price, the price without optional items, etc

So, I decided to make a Web Application to help me with:

  • Adding fixed and optional items
  • Putting the total price and the total selected items price in any place of the estimate/quote
  • Sending it directly to the customer e-mail
  • Allowing to change currency
  • Rapidly duplicating estimates

Then I started to write LaraEstimate, a Laravel 7 (PHP) and VueJs system to solve these problems.

Now, the system is ready, and I’m sharing it with you all. I hope it would be helpful for you.

Github Link

Live Preview — LaraEstimate

Cheers!

System Images


Keep it simple, stupid

Simplificar (e manter) a estrutura de todas as áreas do seu projeto pode salvar muito tempo de trabalho (recurso preciosíssimo).

Quando digo simples, no entanto, não estou falando de algo inacabado ou mal feito. Muitas vezes é até mais difícil fazer as coisas de forma simples (por isso é comum vermos gambiarras que tornam as coisas tão complexas com o passar do tempo). Demanda um pouco mais de “tato”, planejamento e experiência.

Pensar “simples” mas planejadamente é algo que se desenvolve dia após dia, refatoração após refatoração, mas que acaba trazendo benefícios à curto e longo prazo.

Vamos tomar como…

Tiago Rodrigues

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store