Description

Create the Page for Generating New Email Template with HTML found in the Super Admin Email Management Dashboard

Acceptance Criteria

• Reusable Breadcrumbs
• Page title and description
• Well validated form with input and button submission
• Tips Component with a defined title and bulleted tips
• Components adheres to the brand colors and design
• Responsive design of page

Expected Outcome

• User should be able to see a tips card for helpful information
• User should be able to input or paste link to a html file in the input field
• User should be able to click the button to generate the new html template
• On success, user should be directed to the preview generated html page

Purpose

As a User, I want to input a link pointing to my Html file to generate a new email template

Requirement

• Installs and uses shadcn-ui alert
• Makes use of the form, Input and button components
• Makes use of the Breadcrumbs component

Task

• Has Breadcrumbs for easy navigation
• Implement Page with a clear title and description
• Implement Tips component using shadcn-ui alert
• Implement Form input with label and button
• validate that link from form input points to .html file
• button generates template on form submission
• navigate to preview template page on successful template generation
• Components adhere to the brand design and color scheme
• Page is responsive across device widths

Deadline

You are given till Saturday 20th July 12:00PM WAT to complete the task.

Picture

Dev Mode Figma Link

https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=63-69677&m=dev