Git Product home page Git Product logo

mjml-app's Introduction

MJML App

Build Status Week Stars



The first MJML Email Editor


This is a shinny live editor for the MJML markup language. It allows you to create responsive emails with a live preview on both mobile and Desktop view.

Installation

Visit the website to download the version that fits your platform, or just go to the release page.

Build from source

to update the MJML version, simply update it in the package.json

$ npm install && npm run package

# an executable will be created in the `release` folder.

Features

  • Template manager: Create your own template gallery in your local environment
  • Live reload: The app auto reload your template when you stop writing for a short amount of time
  • Themes: You can customize your environment by choosing your favorite theme under the setting tab in the editor
  • Send test emails: Using a Mailjet account, send your template right to your inbox.
  • Gist integration: Export your template in a gist to be able to share it with your friends

Contribute

We highly recommend this project to anyone willing to start learning React/Redux or electron. It is a really and easy cool ecosystem.

Launch environment

Open a terminal, clone this repository, go into the generated folder, and run

npm install && npm run dev

Wait for a few second, focus on the newly created window and hit Cmd+R to refresh the app. It will start a new development server that will allow you to live reload the app when you change the code.

Open your Favorite text editor (we use Vim because it is simply better), and start playing around with the code

Code quality

Once you have your feature ready, run the static code analysis:

npm run lint

Yes, commas-dangle on, sorry haters!

Make the world a better place

Create a pull request!

Releases and Changelogs

1.5.0 (2016-10-18)

1.4.1 (2016-08-20)

1.4.0 (2016-06-15)

  • Sync Scrolling โš–
  • Font size in editor settings ๐Ÿ…
  • MJML 2.2 ๐Ÿ†™
  • Fixed Package version notification on first load โœ‹

1.3.3 (2016-06-08)

  • Fix a bug which caused issues with template saves #47 ๐Ÿ›

1.3.2 (2016-05-27)

  • Add modal to show app version and mjml version ๐Ÿ““
  • Correct bug with notification bar ๐Ÿ›
  • Mjml 2.1.1 with new components ๐Ÿ’ฅ

1.3.1 (2016-05-19)

  • Fix buggy overlay hover, and prevent edit name of preset ๐Ÿ˜ƒ

1.3.0

  • Typos fixes ๐Ÿ“
  • Correct app quit when closing main window ๐Ÿ‘
  • Better windows size ๐Ÿ’ป
  • Confirmation modal when deleting template ๐Ÿ˜„

1.2.0

  • Thumbnails support for Windows ๐Ÿ˜†
  • Custom notifications system โ˜๏ธ
  • Local bug reporter ๐Ÿ›
  • All presets updated with mjml@2 syntax ๐ŸŽ†
  • Human windows size ๐Ÿ’ป
  • Visual helper texts in UI (for send email) โ“
  • Display a notification bar when an update is available ๐Ÿค˜
  • Dependencies updates: mjml@2 and react@15 โœ…

1.1.2

  • New Design for modals ๐Ÿ’ก
  • Home is the new AppData ๐ŸŠ
  • Developer config folder is separated from the prod one ๐Ÿ’‰
  • EsDoc compilant comments ๐Ÿ“„
  • Redux crash report middleware ๐Ÿ’ฅ

1.1.1

  • Prevent drag'n'drop on the app โ˜‚
  • Added dmg build config for OSX โค๏ธ
  • Better Error handling on the editor ๐Ÿ›ก

1.0.0

  • Templates manager on the Home Page ๐Ÿ–ผ
  • Mobile/Desktop preview ๐Ÿ“ฒ
  • Live reloading ๐Ÿƒ
  • Auto save ๐Ÿ˜„
  • Theme manager ๐Ÿ–ผ
  • Test email ๐Ÿ’ฌ
  • Export as Gist ๐ŸŠ

mjml-app's People

Contributors

apercu avatar balthazar avatar meriadec avatar ngarnier avatar ream88 avatar weshguillaume avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.