hilakshya / newslettersignup-landingpage

Newsletter Signup Landing Page

📰 A landing page for a newsletter signup that uses Node.js, Express.js, HTML, CSS, and Mailchimp services to store the names and emails provided.

Technologies and Tech Stack Used

The project is built using the following technologies:

• 🖥️ Node.js
• 🚀 Express.js
• 🌐 HTML
• 🎨 CSS
• 🐵 Mailchimp API

Mailchimp Integration

The project uses the Mailchimp API to store the names and email addresses provided by users when signing up for the newsletter. Mailchimp is a leading marketing automation platform that allows businesses to manage and communicate with their subscribers effectively.

The Mailchimp API documentation can be found here. The API key and list ID used in the project are currently configured to work with a testing account provided by Mailchimp. To use your own Mailchimp account, replace the APIKey and ListID variables in the app.js file with your own Mailchimp API key and list ID.

Project Status

The code for this project is fully completed. However, the project is not currently hosted on Heroku as the service is down. It will be hosted once the service is back up and running.

Running the Project Locally

To run this project locally, follow the steps below:

1. Clone the repository by running the following command in your terminal: git clone https://github.com/HiLakshya/NewsletterSignup-LandingPage.git

2. Navigate to the project directory: cd NewsletterSignup-LandingPage

3. Install the required dependencies: npm install

4. Replace the APIKey and ListID variables in the app.js file with testing variables provided on MailChimp documentation.

5. Start the server: node app.js

6. Open your web browser and go to http://localhost:3000/ to view the landing page.

Thank you for your interest in this project. If you have any questions or feedback, please feel free to contact me.

newslettersignup-landingpage's Issues

Dotenv module throwing error when trying to hide environment variables

I tried to use the dotenv module to hide my Mailchimp API key and list ID in the app.js file. However, when I start the server, I get the following error:

`Server started on port 3000
{
type: 'https://mailchimp.com/developer/marketing/docs/errors/',
title: 'Forbidden',
status: 403,
detail: The API key provided is linked to datacenter 'us8";',
instance: 'a87b8667-9649-1c30-9a1b-f78b93710a5b'
}`

It seems that the dotenv module is not properly hiding my environment variables.
I have tried the solution mentioned in this Stack Overflow post (https://stackoverflow.com/questions/41793924/mailchimp-the-api-key-provided-is-linked-to-a-different-datacenter), but it does not work.

Can someone please help me resolve this issue and successfully hide my API key and List ID using dotenv?

Thank you!