kreo / mjml-app Goto Github PK

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.

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

$ git clone <repo> mjml-app && cd mjml-app
$ npm install && npm run package

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

Create your own template gallery in your local environment

The app auto reload your template when you stop writing for a short amount of time

You can customize your environment by choosing your favorite theme under the setting tab in the editor

Using a Mailjet account, send your template right to your inbox.

Export your template in a gist to be able to share it with your friends

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

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

Once you have your feature ready, run

npm run lint

Yes, commas-dangle on, sorry haters!

Package your app, make sure it works, and create a pull request

• add modal to show app version and mjml version 📓
• correct bug with notification bar 🐛
• mjml 2.1.1 with new components 💥

• Fix buggy overlay hover, and prevent edit name of preset 😃

• Typos fixes 📝
• Correct app quit when closing main window 👏
• Better windows size 💻
• Confirmation modal when deleting template 😄

• 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 ✅

• 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 💥

• Prevent drag'n'drop on the app ☂
• added dmg build config for OSX ❤️
• Better Error handling on the editor 🛡

• Templates manager on the Home Page 🖼
• Mobile/Desktop preview 📲
• Live reloading 🏃
• Auto save 😄
• Theme manager 🖼
• Test email 💬
• Export as Gist 🍊