yashsdoshi / NewsLetter_Website_Using_MailChamp_API

Its a simple website through which you can sign up for a newsletter. The data is stored using MailChamp API.

Simple Newsletter Website

Using this website a user can SignUp for a newsletter and the data world be send and saved in MailChamp's server via MailChamp API.

Note from Owner

• I have not worked much on css and html for simplicity.
• This website will give you a clear understanding of how API works!

---

This is a simple website made using,

1. Node.js
2. express.js
3. Body-parser Module
4. HTTPS Module
5. requests Mobule

---

To install modules and frameworks

Run the commands from below in your vs-code project folder terminal.

  npm i node
  npm i express
  npm i body-parser
  npm i reuests

Cloning this repo:

• Run the following command:

git clone 'https://github.com/yashdoshi12/Simple_NewsLetter_Website.git' 

• cd to the cloned folder:

cd Simple_NewsLetter_Website

• Install required npm pakages

npm i

---

For FrontEnd I have used `bootstrap` Don't forget to add `bootstrap CDN` or else the css wont load up; link for `bootstrap CDN` -- https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css

Using MailChamp API:

1. Create a free account at -- Create Free Account!
2. Fllow the documentation for generating API key, list ID and further elaboration --Click Here

Example preview of website:

Sample Data saved in MailChamp DataBase:

If the user Enters valid data then the success.html page will show up:

If there was a problem in sending data then the failure.html page will show up:

Note:

I made this website while learning Full-Stack Web Development and please feel free to suggest any changes. Thanks!

---

Don't forget to leave a star ⭐️