Posted on

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.
Posted on

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.