anchor.diff:  // :hp-tags: HubPress, Blog, Open_Source,
   // :hp-alt-title: My English Title
   
  -= How I use Meteor, Elm and Tailwind together
  += How I use Meteor, Elm and Tailwindcss together
   :published_at: 2020-06-11
  -:hp-tags: meteor, elm, parcel, tailwind
  +:hp-alt-title: how i use meteor, elm and tailwindcss together
  +:hp-tags: meteor, elm, parcel, tailwindcss
  +:url-meteor: https://www.meteor.com/
  +:url-parcel: https://parceljs.org/
  +:url-tailwindcss: https://tailwindcss.com/
   :toc:
   
   I worked with Elm last year and honestly it was an excellent experience.
   I really like it and I would like to use Elm in all my new projects.
  -But I also like Meteor and three weeks ago I started using it again.
  -I discovered Meteor in 2015, I gave a talk about it (https://www.youtube.com/watch?v=AxIvfQXTqVo) and it still feels like "Wow!" when you start a project.
  -So in this post I'll explain how I make the two work together and how to add tailwind for the UI part (because I love tailwind too 😍), from scratch.
  -I'll also explain how to link an existing project to Meteor with a Todo app
  +But I also like {url-meteor}[Meteor] and three weeks ago I started using it again.
  +I discovered {url-meteor}[Meteor] in 2015, I gave a talk about it (https://www.youtube.com/watch?v=AxIvfQXTqVo) and it still feels like "Wow!" when you start a project.
  +So in this post I'll explain how I make the two work together and how to add {url-tailwindcss}[Tailwindcss] for the UI part (because I love {url-tailwindcss}[Tailwindcss] too 😍), from scratch.
  +I'll also explain how to link an existing project to {url-meteor}[Meteor] with a Todo app
   
   
   == Prerequisite
  
positive.code: ```
  
  The *app* folder will contain the sources of our Elm application (Elm, TS and CSS files).
  The *dist* folder will contain the result of the build made by Parcel.
  
  Because we will build with Parcel and not with Meteor, we will create a new file at the root of the *meteor-elm-app* called *.meteorignore*
  
  ```shell
  #under meteor-elm-app
  
negative.code: 
  image::https://user-images.githubusercontent.com/2006548/84566211-bfdb0b00-ad6f-11ea-86fa-927a901ae327.png[]
  
  Congratulations 🎉! You made your first application with Elm, {url-meteor}[Meteor] and Tailwindcss 👏.
  
  == The Todos application
  
  It is really awesome right? What? You don't want to use {url-meteor}[Meteor] just to expose static file? Hmm ok, let's go with the Todos application
  
  Because the goal of this post is not learn how to code in Elm, we will start with an application I wrote for the occasion.
  
  image::https://user-images.githubusercontent.com/2006548/84833215-132eb100-b02f-11ea-836b-63a14a6dbe74.png[]
  
  This application is not linked with {url-meteor}[Meteor] yet, there is no ports defined.
  The goal is to save each Todo in MongoDB and to be able to sync two browser.
  
  === Update the Main.elm
  