Posted on July 6, 2021December 25, 2021Travel 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: WebPackNode 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.
Posted on June 8, 2021December 25, 2021Evaluate 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: SCSSBootstrap Code Highlights: Express server setup. Client Form Handler using promises and updating UI.
Posted on May 9, 2021December 25, 2021Weather 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 FormsJavascript calling Open Weather APIJavascript 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.
Posted on May 1, 2021December 25, 2021Landing 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 SectionsBasic CSSHTML Navigation BarJavascript 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.