Creating a wedding template with Node.js

An HTML5 responsive design using jquery waypoints & scroll-to for a pleasant single-page navigation. This template makes use of media queries and scales well for all mobile form-factors. Built with Node.js & bootstrap3

project: https://github.com/cybermarkus1/wedding_node

Features:

  • Contact site (sending email using nodemailer)
  • Block page to prevent uncomfortable visitors
  • Responsive (using media queries)
  • Just config one single file!!!!

Technologies:

  • Node.js - cross-platform runtime environment for server-side
  • Nodemailer - module to send e-mails with NodeJS
  • pm2 - production process manager for NodeJS applications
  • Grunt - The JavaScript Task Runner
  • Bower - Dependency manager
  • Jade - Template engine
  • jquery - JavaScript Library
  • Mongo - NoSQL databse
  • Keymetrics - Realtime monitoring and Application management for NodeJS

Config file

In order to run the system you just need to set some minor values inside config.js file

config.account = {  
    service: 'gmail',
    user: 'client@clientdomain.com',
    pass: 'clientpass'
};

config.mail = {  
    from: 'Wedding Jane&Doe ✔ <weddingjanedoe@gmail.com>',
    subject: '¡Hi! ✔',
    mailHtml: function(req){
        return '<div><strong>Hi, you got a new message from: <br>' + req.body.name + ' (' + req.body.mail + ')</strong></div>' + '<br>' + req.body.subject + '<br><p>' + req.body.text + '</p>';  
    }
};

config.report = {  
    mail: 'reportmail@domain.com',
    mailHtml: function(req){
        return '<div><strong>Hi, someone has been trying to access using: <br>' + req.body.code + ' (' + req.body.ip + ')</strong> With the pass: <strong>' + req.body.code + '</strong></div>';
    }
};

config.domain = 'janeDoe';

config.accessCode = 'myAccessCode';

config.port = 7989;  

``

Lock screen

The system provides a code to enter, in order to avoid uncomfortable visitors, keeping it private

config.accessCode = 'myAccessCode';  

ScreenShot

Notification Mail service

unique endpoint to send mails directly to a specific addres.

config.mail = {  
    from: 'Wedding Jane&Doe ✔ <weddingjanedoe@gmail.com>',
    subject: '¡Hi! ✔',
    mailHtml: function(req){
        return '<div><strong>Hi, you got a new message from: <br>' + req.body.name + ' (' + req.body.mail + ')</strong></div>' + '<br>' + req.body.subject + '<br><p>' + req.body.text + '</p>';  
    }

Everytime that someone wants to send a message...
ScreenShot ...the system will inform you (wedding couple or someoneelse) through email about it. ScreenShot

Report mail notifications

Get an email everytime that someone try to access using wrong pass.

config.report = {  
    mail: 'reportmail@domain.com',
    mailHtml: function(req){
        return '<div><strong>Hi, someone has been trying to access using: <br>' + req.body.code + ' (' + req.body.ip + ')</strong> With the pass: <strong>' + req.body.code + '</strong></div>';
    }
};

So, everytime that someone will try to enter typing a wrong pass...
ScreenShot ...the system will inform you (wedding couple or someoneelse) through email about it. ScreenShot

Main page with Floating navbar

To acces to every single section with just one click
ScreenShot

Relationship timeline

Tell your love history to whoever you want
ScreenShot

Image & video Gallery

Share your media with your people
ScreenShot

Responsive!

Use your mobile and enjoy!

Lock pageLock page

Coming soon...

  • Media API
  • song list

How-To

git clone https://github.com/cybermarkus1/wedding_node.git  

fulfill config.js

npm install  
node app.js  

project : https://github.com/cybermarkus1/wedding_node

Marco Antonio Pajares Silva

I am a computer programmer, passionate about tech and JS world, newbie entrepreneur, former game developer, Madrilian and currently, Frontend developer at Smaato (Hamburg,Germany).

Hamburg, Germany http://ayxos.github.io/

Subscribe to Life of a Panda programmer in Germany

Get the latest posts delivered right to your inbox.

or subscribe via RSS with Feedly!