Project: List Management Application

Image of books landing page. Shows stats for how many list and non-list books have been read and a line chart of the number of books read each year. Also has the ability to view a completion report and add new books to a wishlist. Image of travel landing page. Shows an interactive SVG map, where visited countries have been highlighted in orange and a user can mouse over a country and the country name is displayed as a label.

The site uses a populated database of all 1001 books, UNESCO world heritage sites and countries, as well as providing the option for user-specified additions. A user can mark an item as 'Wishlist', 'Not Started', 'In Progress' or 'Completed'. The application has been built in an expandable way, using EJS components and generalised logic so adding a new list is relatively simple.

Uses the following technologies:

  • HTML5
  • SCSS
  • JavaScript
  • MySQL
  • NodeJS
  • EJS
  • SVG (for interactive world map)
  • ChartJS