acm-vit/maildart-frontend

A mass mailer operating through a given set of emails in CSV/JSON

maildart-frontend's Issues

Create radio buttons using react hooks

• user will have 4 options to choose the mailing service:
  • listmonk
  • Nodemailer
  • Mailgun
  • SendGrid

Create send button using react hooks

• Create a send button that will allow the user to submit the form

Add validation in all input fields of the form

• Validate all the input fields
• Highlight the fields that are incorrect

Create input fields using react hooks

Input fields should be created for:

• email subject
• authkey/credentials
• an option to choose a CSV file

setup project - boilerplate

Design a logo

Create a simple and minimalist logo for the website

Create a textarea using react hooks

• Textarea should be created for email body

refer to the wireframe(mentioned in the notion guide) and size it accordingly

Add a preview window

• Include a preview window that shows the rendered email body output.
• The output should be rendered HTML (if the input of the email body is in HTML) and not in plain text.

refer to the wireframe(mentioned in the notion guide) and size the preview window accordingly

Add a terminal window

• Make a terminal looking window
• This window should display the emails which were successfully sent and which were failed
• Create two distinct classes for successful and unsuccessful emails to distinguish them.

refer to the wireframe(mentioned in the notion guide) and size the terminal window accordingly

Create an HTML rendered preview window

• The output of the preview window should be rendered HTML (if the input of the email body is in HTML) and not in plain text.
• Make sure that the entered text in the email body is seen in the preview window.

Refer to the wireframe mentioned in the notion guide to get a clear understanding regarding the email body and its preview.