arrow_backAll projects

Cardiff Landmarks

cardiff landmarks map + rss

Click an image to view full image

A quick web project to learn Google Maps API and sharpen up my web development skills.

Features

  • Google Maps - Using the highly popular google maps library allowed me to use a familiar mapping interface to present the database data in a visual format. Setting up a live google cloud developer accountto access google APIs may prove useful for future projects.
  • Database - A conventional PHP + MySQL combination proved to be enough for my needs for this project. Despite not needing dynamic updates, the site fetches the data from a database. If I were designing this site for real I would just compile the data at build time instead to save resources but I wanted to refresh my skills for future projects.
  • Project Details

    The project was a refinement of my web development skills. I found my personal preference of languages and tools to be as follows: github for source control, trello for todo list, typescript and sass for frontend, php and mysql for backend. Since this was a small project I used jquery for the UI components and a library called mdbootstrap which provided a number of easy to use clean modern components. In larger projects I would have setup react but this app didn't have many states that would be difficult to handle manually. As usual I followed good design principles (mainly MVC) to ensure a high quality functionality.

    Sometimes I find myself doing these relatively short projects, mainly web development recently, that I can focus all my effort on for a short time. It helps reassure me of my programming strengths while having few commitments. I don't foresee myself doing larger programming projects like I used to as it is too solitary. I prefer spending my time on violin practice and orchestra now which is more expressive and social.

    External Links