Skip to content

Node.js Express application for handling users signups using Mailchimp API, for manage users/ clients. Host on Render. Mailchimp: https://mailchimp.com/ Mailchimp guides: https://mailchimp.com/developer/ πŸ“«

Notifications You must be signed in to change notification settings

shanibider/Mailchimp-API-Signup

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

8 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

Node.js Express Mailchimp API - Newsletter Signup πŸ“¬

This project is a simple Node.js Express application that allows users to sign up for a newsletter using the

Mailchimp API. πŸ“₯

Users can submit their first name, last name, and email address through a form, and the data is sent to a Mailchimp audience list for subscription.

Tech Stack πŸ’»

My Skills

  • Node.js: A JavaScript runtime environment that executes JavaScript code outside of a web browser.
  • Express.js: A minimalist web framework for Node.js used to build the web application and handle HTTP requests.
  • Mailchimp API: An API provided by Mailchimp for managing email marketing campaigns, used to add subscribers to an audience list.
  • HTML/CSS: Frontend languages used for creating the signup form and styling the web pages.
  • Bootstrap: A CSS framework used for quickly styling the frontend components and improving responsiveness.

Features πŸ†

  • Allows users to sign up for a newsletter by submitting their information.
  • Validates user input on the server side to ensure data integrity.
  • Sends subscription requests to the Mailchimp API for adding users to the audience list.
  • Handles success and failure responses from the Mailchimp API.
  • Provides error handling and redirects for a smooth user experience.

Prerequisites πŸš€

Before running the application, make sure you have the following:

  • Node.js installed on your machine.
  • Mailchimp account with API access and an audience list set up.

Screenshots πŸ–Ό

mailchimp1

Bootstrap Jumbotron -Lightweight, flexible component for showcasing hero unit style content -

mailchimp2 mailchimp3

Mailchimp API Overview -

mailchimp4

Usage 🎯

  • Fill out the signup form with your first name, last name, and email address.
  • Click the submit button to sign up for the newsletter.
  • You will be redirected to a success or failure page based on the result of the subscription request.

Getting Started πŸ› οΈ

  1. Clone this repository to your local machine:

    git clone <this project url>
    
  2. Navigate to the project directory:

    cd Nodejs-Express-Mailchimp-API-Newsletter-Signup
    
  3. Install dependencies:

    npm install
    
  4. Set up environment variables:

    Create a .env file in the project root and add your Mailchimp API key and audience list ID:

    MAILCHIMP_API_KEY=your_mailchimp_api_key
    MAILCHIMP_LIST_ID=your_mailchimp_audience_list_id
    
  5. Run the application:

    npm start
    
  6. Access the application in your web browser at http://localhost:3000.

Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to improve the application.

License πŸ“„

This project is licensed under the MIT License.

πŸ“« Connect with me 😊

linkedin portfolio gmail

Copyright Β© Shani Bider, 2024

About

Node.js Express application for handling users signups using Mailchimp API, for manage users/ clients. Host on Render. Mailchimp: https://mailchimp.com/ Mailchimp guides: https://mailchimp.com/developer/ πŸ“«

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published