Kariuki Michael's Projects
Portfolio Site Project Build Up
Project from Complete React Guide Bootcamp by Zhang Yihua & Andrei Neagoie.
Front-end Mentor FAQ accordion Project with React + Bootstrap
This freeCodeCamp authors page project showed me how to use the fetch method, then dynamically update the DOM to display the fetched data. I also learnt how to paginate data so that you can load results in batches.
In this calorie counter project, I learnt how to validate user input, perform calculations based on that input, and dynamically update your interface to display the results. In this practice project, I learnt basic regular expressions, template literals, the addEventListener() method, and more.
For this cash register project, concepts such as array methods, loops, if else statements, objects and DOM manipulation were utilized
In this project, I learnt how to work with the JavaScript Date object, including its methods and properties. I also learnt how to correctly format dates. This project covered concepts such as the getDate(), getMonth(), and getFullYear() methods.
In this project, I built a decimal-to-binary converter using JavaScript. I learnt the fundamental concepts of recursion, explored the call stack, and built out a visual representation of the recursion process through an animation.
In this Dice game project, I learnt how to manage game state, implement game logic for rolling dice, keeping score, and applying rules for various combinations. The project covers concepts such as event handling, array manipulation, conditional logic, and updating the user interface dynamically based on game state.
In this sports team cards project, I learnt how to work with DOM manipulation, object destructuring, event handling, and data filtering. This project covered concepts like switch statements, default parameters, Object.freeze(), the map() method, and more.
This project helped me gain proficiency in asynchronous concepts. I coded my own freeCodeCamp forum leaderboard. The project covered the Fetch API, promises, Async/Await, and the try..catch statement.
In this project, I coded a basic MP3 player using HTML, CSS, and JavaScript. The project covered fundamental concepts such as handling audio playback, managing a playlist, implementing play, pause, next, previous, and shuffle functionalities. I learnt how to dynamically update user interface based on the current song.
In, this number sorter project, I learnt how to implement and visualize different sorting algorithms like bubble sort, selection sort, and insertion sort ā all with JavaScript. This project helped me understand the fundamental concepts behind these algorithms, and how I can apply them to sort numerical data in web applications.
In this project I built the freeCodeCamp Palindrome Checker Certification Project using the concepts I had learnt such as template literals, regex, string & array methods, if else statements and functions.
In this platformer game project, I continued to learn about classes, objects, inheritance, and encapsulation. I learnt how to design and organize game elements efficiently and gain insights into problem-solving and code re-usability.
Final FreeCodeCamp Certification project. Used all the concepts I learnt over the three hundred hours of grinding. Here is my certificate of completion: https://www.freecodecamp.org/certification/kariukimikael/javascript-algorithms-and-data-structures-v8
In this practice project, I learnt fundamental programming concepts in JavaScript by coding my own Role Playing Game. I learnt how to work with arrays, strings, objects, functions, loops, if/else statements, and more.
This Projects is an application that converts integers to roman numerals. Concepts such as: if statements & else if, functions , loops and objects were utilized in the making of this projects
In this shopping cart project, I learnt how to define classes and use them, creating class instances and implement methods for data manipulation. The project covered concepts like the ternary operator, the spread operator, the this keyword, and more.
In this spam filter project, I learnt about capture groups, positive lookaheads, negative lookaheads, and other techniques to match any text you want.
In this spreadsheet application project, I learn about parsing and evaluating mathematical expressions, implementing spreadsheet functions, handling cell references, creating interactive web interfaces and dynamically updating the page based on user input. The project covered concepts like the map(), find() , includes(), parseInt() methods, etc
In this statistics calculator project, I gained experience with handling user input, DOM manipulation, and method chaining. I got practice by performing statistical calculations like mean, median, mode, variance, and standard deviation.
For this certification project, I built an app that checks whether a number is a valid US telephone number. I got the chance to practice on regular expressions, regex .test() method and array .some()
In this TODO application, I learnt how to handle form inputs, manage local storage, perform CRUD (Create, Read, Update, Delete) operations on tasks, implement event listeners, and toggle UI elements.
Vanilla JS Calculator
Config files for my GitHub profile.
Front-end Mentor Product Preview Card with React + Bootstrap
Front-end Mentor QR-Code Component Project with React + Bootstrap