Chi A. Joel's repositories
ruby-bubble-sort
The project built a method #bubble_sort that takes an array of numbers and returns a sorted array, as well as a method #bubble_sort_by that takes an array of strings and sorts it by string length.
afcon2022-cameroon
A 3-page website built using semantic HTML5 elements, Bootstrap4 as well as plain CSS3. The pages start with a header section that uses the Bootstrap4 navbar classes to make it responsive.
html-forms
Clone the signup page of mint.com using plain HTML and CSS. We started by laying out the various semantic HTML elements for the major sections, then we made them the proper sizes and alignments.
youtube-homepage-clone
A clone of an old youtube homepage page using plain HTML and CSS. We used empty semantic HTML elements to enclose sections, and embedded a youtube video into the page.
sub-strings
This project implements a #substrings method that takes a word and an array of valid substrings as arguments and returns a hash listing each substring that was found.
ngx-crypress-test
A ready made application i used to learn cypress. A JavaScript testing tool
react-skeleton-screens
In this project, I created a reusable skeleton screen with Reactjs using the React Hook system and plain css with a little bit of css-animation.
burger-builder-app
A burger ordering app built with Reactjs, making use of Class-based components as well as functional components. I also made use of CSS-modules and Firebase.
caesar-cipher
The project takes a string of characters and a cipher factor and returns the caesar cipher version of the string.
ruby-exercises
This repository is a complement to the Ruby course for The Odin Project. It contains a series of Ruby exercises alongside pre-written tests that will help guide the student towards a solution, providing a Test Driven Development experience.
The-next-web-responsive
A responsive clone of the Next Web homepage using semantic HTML5 elements, flexbox, and CSS grid. We also use media queries to make the page responsive.
Smashing-Magazine-breakdown
In this project, we copied the basic structure of the Smashing Magazine homepage using empty semantic HTML5 elements that are appropriately sized and positioned. We used flexbox, css grid, and positioning to position the various elements.
NYT-article-clone
Clone of New York Times article page using plain HTML and CSS. We made use of css-grid-layout, and css flexbox-layout to position elements.
Youtube-clone
first collaborative project
curriculum
The open curriculum for learning web development