DERIVE Blogging

DERIVE Blogging

23rd November, 2016

Web

HTML5 CSS NodeJS real-time RESTful API Google API Open Day

Description

This was actually my first website project that I collaborated with a friend during my first year at The University of Adelaide as part of the group assignment which eventually got shown on Open Day in the following year. I wanted to give users the flexibility to blog posts from anywhere without the hassale of needing to put in locations every time and every where.

Use Case

  • As a blogging website, I decided to implement one that had the functionality of Instagram back in the day which shows a list of user's location via list of Longitude and Latitude. With a list, it is easy to manipulate the locations around the world using Google and mapping based on those points
  • While this idea may seem simple and vague, it is actually one of the basic components design that is integrated everywhere (articles, message box, tabs and responsiveness for mobile and website compatibility)

What is implemented?

  • A fake backend that uses doesn't really have a proper database since we use JSON file to keep track of user's information loggings (imitating MongoDB structure). This allowed the ease of using it offline and less package install for server
  • Grabbing longitude and latitude points via Google's public API using mobile phone's GPS system
  • Handling dynamic web pages in response to real time location before being able to post blog contents via NodeJS
  • Pagination by dividing arrays into list of items per page (i.e. 10 blogs per page)
Last updated: 9th June, 2020