My Work
Data Analytics Landing Page
A basic landing page for a Data Analytics company which was based on a Figma design. Since this is under development, it is not yet fully Responsive.
Lounge Bar Website (in progress)
A site for a cosy lounge bar with drink names inspired by medieval culture, and includes a Flexbox photo gallery. This website is also Responsive on mobile devices.
React Dictionary App (Responsive)
I built this using React and a 3rd Party API to search for and display definitions, phonetics, examples, synonyms and related images for a searched word. Audio phonetics obtained via the API are also embedded into the App. This application makes use of States, Loops, Conditional Rendering and involved passing multiple properties to different components. Any Axios errors will inform the user via an alert. Furthermore, if the API response does not fulfil a Component's needs, the App remains functional and the unavailability is displayed to the user. Upcoming features include spellcheck and predictive text.
React Weather App
A React JS Weather App that allows users to obtain live weather data via 3rd party API calls for a desired location, or for the user's position via geolocation. It also features a 5-day forecast, along with React Animated Icons and °C/°F conversion for the current temperature. This application makes use of States, Effect Hooks, Loops, Conditional Rendering and involved passing multiple properties to different components.
Vanilla JS Weather App
A Vanilla JS Weather App that allows users to obtain live weather data via API calls for a desired location or for the user's position via geolocation. It also features a 5-day forecast, and changes color depending on whether it is daytime or nighttime in location of interest. As a fun addition, this app features a couple of festive themes for Christmas, Easter and Halloween.
Responsive Website
You are currently using a multi-page Responsive website built with just HTML, CSS and pure JavaScript. Features include a Responsive navigation bar, grids, images and extensive use of Bootstrap.