Travlr Home

Project Overview

Travlr is a full stack travel website. The project has a public facing website built with Express.js and handlebars, along with a angular admin dashboard allowing authorized users to manage travel packages on the website. The website also uses a MongoDB database to store information and a node.JS backend to switch packages on the fly.

Project Details

  • Github: Source Code
  • Platform: Web Browser, Web Server (Node.js)
  • Languages & Scripting: JavaScript, HTML, CSS, JSON
  • Frameworks & Technologies: Angular, Node.js, Express.js, MongoDB, Mongoose, Handlebars (HBS), REST API, JWT Authentication
  • Development Tools: npm, Angular CLI
  • Team Size: 1 (Solo Project)
  • Role: Full Stack Web Developer
  • Development Period: 3 Months

Responsibilities

  • Developing and Maintaing Front End & Back End
  • Integrate a MEAN stack
    • MongoDB: NoSQL database for storing travel package data.
    • Express.js: RESTful API endpoints and server-side routing.
    • Angular: Administrative single-page application (SPA).
    • Node.js: JavaScript runtime environment.
  • Create Security for admin panel with User registration, JWT Authetication, & Password Hashing with crypto (PBKDF2 + salt)
  • Integrate an Angular SPA Admin Page for admins to manage travel packages
  • Create a public travel booking website built with Express, Handlebars (HBS), HTML, CSS, and JavaScript

Additional Documentations

Additional Photos

Front End

Home Travel Rooms
Meals News About
Contact

Front End: Angular Admin Dashboard

Travlr Admin Dashboard

Back End: MongoDB

MongoDB Configuration

MongoDB Configuration

MongoDB Data Example

MongoDB Data Example

MongoDB Security

MongoDB Security Configuration

Back End: Express.js

Detailed Code Comments

Express.js Code Example with Comments