Web App: Footprint

2 minute read

Footprint

Footprint is a Yelp-like Node.js web application where users can log in/out, post, view, edit and delete travel blogs and comments, and view locations through the embedded google map.

Make sure to try it yourself: Footprint online. You can log in with this guest account:

Username: guest
Password: guest

P.S. All of the photos are taken by myself! :)

This project is refactor of YelpCamp from Udemy course : The Web Developer Bootcamp

Features

  • User registration/login/logout
  • User authentication and authorization
  • Location with Google Map
  • RESTful routes
  • Friendly and interactive UI
  • Background animation on landing page
  • Flash messages

Technologies

Front-end

  • Javascript, HTML, CSS
  • Bootstrap 4
  • JQuery
  • Google Fonts
  • Font Awesome

Back-end

  • Express.js
  • MongoDB
  • mongoose
  • Google Maps APIs
  • ejs
  • passport
  • body-parser
  • express-session
  • moment
  • connect-flash
  • node-geocoder
  • dotenv

Deployment

  • Heroku