Travel Planning App

A travel planning application that accesses, retrieves and compiles data from various APIs like Countries API, OpenWeather API and Travel advisory.

Submit pressed..
Displaying results.

GitHub Link

Live Demo

Key Tech:

  • WebPack
  • Node JS API Calls

Code Highlights:

Posts trip information, and then fetches data from various APIs.
postTrip helper function
fetchLocal helper function
Server side addTrip function
Server side – example of a fetch function using promises and saving the trip object.
Updating the UI with the stored trip information.

Evaluate News

An App that performs sentiment analysis for the given news article. It uses an external API to perform natural language processing and displays various results.

GitHub Link

Live Demo

Key Tech:

  • SCSS
  • Bootstrap

Code Highlights:

Express server setup.
Client Form Handler using promises and updating UI.

Weather Journal

Weather Journal App which fetches weather information from Open Weather API and displays results.

Viewed on a laptop
Viewed on a device

GitHub Link

Live Demo

Key Tech:

  • HTML Forms
  • Javascript calling Open Weather API
  • Javascript dynamically updating HTML components

Code Highlights:

Using Javascript promises to control the flow of actions.
Using fetch to get data from external API.
Post and Get data locally.
Updating UI.

Landing Page

A landing page with automatic section highlighting, smooth scrolling and a TOP button.

Viewed on a laptop
Viewed on a device

GitHub Link

Live Demo

Key Tech:

  • Basic HTML Sections
  • Basic CSS
  • HTML Navigation Bar
  • Javascript to scroll to Section

Code Highlights:

Added background colour gradient via CSS
Alternating left and right aligned sections via CSS
Moving circle effects added via CSS
Button Top handling via the visible class.
Showing “TOP” button and scrolling behaviour handling via Javascript.

Blog Website

A responsive blog website which uses CSS Grid and Flexbox to re-arrange components.

Viewed on a laptop
When viewed on a device.

GitHub Link

Live Demo

Skills:

  • Basic HTML and CSS Structures
  • CSS Grids
  • Flex Box

Code Highlights:

Used CSS variables to store colours
Used CSS Grid and Media queries to make site responsive.
Used Flexbox for the Posts – make the site responsive.
Added hovering effect to the boxes.

Secrets of the JavaScript Ninja

This book is heavily concentrated on explaining why JavaScript is a functional programming language and how that can be used by the developer. The first half of the book is dedicated to JavaScript functions, there is everything you will need to know about JavaScript functions: anonymous functions, recursions, inline named function and so on.

The second half of the book explains everything that you will need to develop well structured JavaScript code.

The only remark I have for this book is about the ‘Regular Expressions’ chapter, in my opinion it is not written very clear and can be confusing, but it is fer to say that the authors are suggesting additional literature for getting familiar with regular expressions.

Big plus is that all the source code form the book examples is very well structured and packed in zip file that enables you to quickly try the examples on computer.

Its a good buy, and I highly recommend it.

Would You Rather

A React Application which allows users to login, create and answer some “Would you Rather” questions. It also allows the user to see unanswered and answered questions as well as see the Leader Board. The Leaderboard calculates the score based on how many questions were created and answered by each user.

Login Page
Home page showing Unanswered questions
Creating a new question
Answering a question
Showing the result after question is answered
Showing the Answered questions page
Showing the leaderboard

GtiHub Link

Live Demo

Code Highlights:

App.js wiring to various components
API Functions to access data
API Functions to save data

My Reads

MyReads application that lets users search for and organise their reading library.

Front Page (Book Shelves)
Searching for Books

GitHub Link

Live Demo

Key Tech:

  • Basic React App accessing a Book API

Code Highlights:

Initial states
Rendering and wiring up/passing various functions and data.
moveBook function
searchForBooks and resetSearch functions
BookAPI to call Udacity’s book system which preserves states for the session.

Javascript: The Good Parts

JavaScript: The Good Parts is a classic title from 2008 that many refer to as the go-to introduction to the language. Douglas Crockford, the author, is a familiar name in the JavaScript community and also serves on the ECMAScript committee. While being a little outdated and covering only the ES3 JavaScript specification, the book is valuable today and holds its key takeaways.

Use a subset of JavaScript

JavaScript: The Good Parts is easy to read and covers a subset of the language in 100 pages. It suits well to plowing trough in a few days while trying to grasp the basics of JavaScript. If the reader doesn’t mind the chapter on inheritance being a little hard to read, and take the railroad diagrams and modifying built-in objects with a grain of salt, the book is easy to digest.

JavaScript: The Good Parts presents that most programming languages contain good parts and bad parts. Imperfections are difficult to remove from a language, so they are destined to stay in the language. The programmer is better off by leveraging on the good parts and avoiding features that are more trouble than they are worth.

Good Parts, Bad Parts

The book describes a subset of ES3, the good parts, containing the clear and well-formed language constructs that leave the least room for errors when programming in JavaScript. What is left out is not considered that good. Here and there, the reader gets a taste of the unfavorable features and the fact that the language was originally put together in a very short period of time.

Few good language features get raised above others and are mentioned as the beautiful parts. Parts that are not so good that you cannot avoid using are entitled the awful parts. Parts that are not good but that you can easily avoid are called the bad parts.