Skip to content

Learn how to send transactional email using Express.js, React.js and Courier.

Notifications You must be signed in to change notification settings

trycourier/tutorial-express-react-notifs-wizardly

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Courier-React-Wizard-App - Magic Transactional Emails with Courier

Welcome to the Magic Transaction Emails app! This project allows users to send magical, transactional emails using Courier, a powerful platform for building and sending notifications.

This app presents a spellbook interface where each spell corresponds to a different type of transactional email that can be sent.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you begin, you will need to have the following installed:

Installation

  1. Clone the repo: git clone https://github.com/adam-searle/Courier-React-Wizard-App.git

  2. Install NPM packages in both the courier-email-client and courier-email-server directories. In your terminal, navigate to each directory and run: npm install

Configuration

After installing the project, you need to provide your Courier Auth Token, your email, and your email template(s).

Setting up Courier

In courier-email-server, open server.js and replace YOUR_AUTH_TOKEN with your Courier Auth Token.

Configuring the Spellbook

In courier-email-client, go to Spellbook.js and replace all instances of YOUR_EMAIL and YOUR_TEMPLATE_ID with the email you want to send to and the email templates you want to use. (Templates created at Courier.com)

Running the Application

After completing the setup, you can run both parts of the app:

  • In the courier-email-server directory, start the server: node server.js

  • In the courier-email-client directory, start the client: npm start

Open http://localhost:3000 to view the client in the browser if it doesn't open automatically


About

Learn how to send transactional email using Express.js, React.js and Courier.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 61.0%
  • HTML 19.6%
  • CSS 19.4%