Recent Projects
Pizza Cart Using API
Updated: 14 July 2023In this projest, I have used an API to build a Pizza application where users have to login using a username before they are allowed to start buying pizzas. The user can customise the platform by adding 3 featured pizzas from the provided list furthermore a user is able to view their old carts, and also sign out
Technologies Used:Html, CSS, JavaScript, AlpineJS, Bootstrap, Postman, Rest client, Git and Github
Widgets for Bootcamp functions
Updated: 30 June 2023Developed widgets for 4 of the bootcamp funtions we did earlier in the program. in this project a user interacts with the Javascript functions though the UI with the help of AlpineJS.
Technologies Used:Html, CSS, JavaScript,AlpineJS, Bootstrap, Git and Github
Pizza Cart
Updated: 28 June 2023Develpoed a Pizza Cart which a user can use to place an order, view the order in the cart and checkout. In this projects i was using Alpine JS to manipulate the HTML elements on the screen.
Technologies Used:Html, CSS, JavaScript,AlpineJS, Bootstrap, Git and Github
Counter Using AlpineJS framework
Updated: 26 June 2023Developed a counter that increments and decrements using Alpine JS framework to manipulate the HTML elements
Technologies Used:Html, CSS, JavaScript, Bootstrap
Introducing JavaScript in the Web Browser
Updated: 26 June 2023Web Browsers use JavaScript as a programming language and allow you to extend the functionality of web pages. In this small project, I manipulate the HTML elements and the styling on the screen using Vanilla Javascript.
Technologies Used:Html, CSS, JavaScript, Bootstrap, Git and Github
Reponsive web pages with ViteJS & Handlebars
Updated: 31 May 2023In this project, I was running handlebars with ViteJS, I created 2 responsive personal webpages using CSS frameworks: ie, Bootstrap and Materialize. it turns out that I prefer Bootstrap over Materialize. The webpages were populated by information stored in a JSON file
Technologies Used:Html, CSS, JavaScript, Bootstrap, Materialize, Git, Github, ViteJS, and Handlebars
Unit testing with MochaJS
Updated: 31 May 2023Earlier in the CodeX program, we Wrote various function on a bootcamp. In this Small Project I was doing Unit Testing to validate the fucntions using MochaJS ans ChaiJS
Technologies Used:Html, JavaScript, Git, Github, MochaJS and ChaiJS
DOM - Color mixer
Updated: 15 March 2023In this project, I display different colors depending on the CSS rgb() color combination. I use Javascript to manipulate the HTML and CSS of the webpage. Each Color displayed as a div shows it's curent value and the effect is visible on the div. The combination of the the 3 (RGB values) is displayed on the larger Div plus it's value
Technologies Used:Html, CSS, JavaScript, Git, and Github
JavaScript counter
Updated: 15 March 2023This project is a counter, it makes use of setInterval method to increment the counter variable after every 0.5s. Using onclick events, the counter increments, pauses, resets and decrements depending on the button clicked. This project is supposed to be an upgrade to the previous color-mixer project. The text on screen turns green when the count value is greater than 1, turns red when the count value is less than 0 and remains black when count is reseted to 0.
Technologies Used:Html, CSS, JavaScript, Git and Github
Anime gallery counter
Updated: 15 March 2022In this project, I developed a simple webpage while learning the basic of HTML, CSS and JavsScript. It shows some characters from my favourite Anime, which i can click a like button to like and dislike and the page is responsive.
Technologies Used:Html, CSS, JavaScript, Git, and Github
Login Page
Updated: 22 July 2022In this project, I followed a Youtube Tutorial while learning Html, CSS and a bit of JavaScript
Technologies Used:Html, CSS, JavaScript, Git, and Github