Robot Selector App
Fun and Responsive React App for searching for robots by name. Random robot images are fetched from "Robohash API" with robot's email parsed from a JSON placeholder. Robots are filtered down to find searched robot name.
View Project View Source Code
Nigerian Recipe Search App
This app serves as a repository for my tested and trusted Nigerian dishes. Built with ReactJS and using React Router for navigation. Data is stored using local JSON file and is fetched using a JS mapping function. App grid layout was achieve using Bootstrap and responsiveness on smaller screens is achieved using CSS media queries.
View Project View Source Code
Face Detector App
A face detector app for detecting a single face in a
picture. Front End of app built using ReactJS while Back
End was built using NodeJS. Data stored persistently using
PostgreSQL and all app tiers deployed on Heroku.
App uses
"Clarifai Predict API (Face Detector)"
and custom CSS to return a bounded box on area with the
highest probability of containing a human face.
Trizech Website
WordPress website design for oil and gas client. Site was designed using WordPress theme with customizations made to code templates. Images optimized for quick loading and plugins used for API integration and extended functionalities.
Visit SiteFront End Projects
Random Quote Machine
Built using a mix of HTML, CSS, JavaScript, Bootstrap, Font Awesome.
XMLHttpRequest is used to retrieve quotes from server URL when page loads or button is clicked.
Markdown Previewer
Built using ReactJS, HTML5, CSS3, JavaScript and Bootstrap. The App makes use of Marked.js to convert string into markdown and dangerouslySetInnerHTML for displaying the converted markdown.
View Project Source Code
Drum Machine
Play sounds on this simple drum machine by clicking on the drum buttons on the screen or hitting the letters on your keyboard. The sounds are played on the browser using the new HTML5 audio tag.
View Project Source Code
JavaScript Calculator
This simple JS calculator is composed of 3 parts; The HTML for setting up the structure of the calculator display and keys, the CSS for styling the look and feel of the calculator and finally JavaScript event handlers for performing functionalities on the keys when clicked.
View Project Source Code
Pomodoro Clock
This Pomodoro clock can help you be productive and focus on any task you are tackling. Built using HTML, CSS and ReactJS. It uses the setInterval() and clearInterval() methods in combination with React lifecycle methods to achieve the timing functionality of the pomodoro.
View Project Source Code