dmaaj / ProjectEmail

Project Email

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#project-email

If you're here, it means a few things.

  1. You're in #stage3 of HNG Internship 4.
  2. You've been added to the #stage3 spreadsheet by any of the mentors.
  3. You've joined the #stage3 channel.
  4. You've created a repository containing your implementation of the HTML email tutorials linked below.
    Tutorial 1 > https://webdesign.tutsplus.com/articles/build-an-html-email-template-from-scratch--webdesign-12770
    Tutorial 2 > https://litmus.com/community/learning/24-how-to-code-a-responsive-email-from-scratch
  5. You've submitted your repository for review to any of the assistants in the #project-email channel.
  6. An assistant has reviewed your work and added you to the internal #project-email team spreadsheet.

Important repository guidelines

  1. You must create a new branch for every action you make on the repository.
  2. You must create a new branch for every HTML email template you create. Your branch's name must follow the provided format in the table below.
Task Branch Name Developer Reviewer
Make reservation (Prepaid) template-make-reservation-prepaid @calebikhuohon In progress
template-make-reservation-pay-on-arrival Make reservation (Pay-on-arrival) @Philix In progress
template-issue-with-reservation Issue with reservation (Client) @nellybaz10 In progress
  1. In your newly created branch create a folder with a name that matches the branch name in the root folder and put your work inside there. Please do not touch anything else in the root folder.

  2. When you're done with the HTML email template, create a pull request. DM me in the #project-email channel @mclint_, I will check that your template is responsive, matches the design and does not conflict with any other team mate's additions and then merge your branch with master.

Suggestions

If you are having a hard time coding the email templates, try using MJML.
MJML is a markup language designed to reduce the pain of coding a responsive email. Its semantic syntax makes it easy and straightforward and its rich standard components library speeds up your development time and lightens your email codebase. MJML’s open-source engine generates high quality responsive HTML compliant with best practices.

MJML documentation

https://mjml.io/documentation

MJML live editor

https://mjml.io/try-it-live

NB: If you do use MJML make sure what you commit to the repository is the generated HTML file.

Design files

Make reservation (prepaid)

Desktop

image

Mobile

image

Make reservation (Pay-on-arrival)

Desktop

image

Mobile

image

Issue with reservation (Client)

Desktop

image3

Mobile

image

About

Project Email


Languages

Language:HTML 100.0%