Chi A. Joel's Projects
This is a special repository. Its README.md will appear on your public profile
This project is an implementation of a new version of Ruby enumerable methods
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.
A clone of an old Apple home page using plain HTML5 and CSS3. We worked with gradients to make a navbar, as well as the positioning of backgrounds to match the original page.
Created a simple list of blog articles using reactjs, redux, redux-thunk, axios, lodash, amongs other technologies.
Built using plain HTML5, CSS3 and Bootstrap. The page starts with a responsive navbar using the bootstrap navbar class; then a slideshow using the bootstrap carousel class. I also made use of the row and col classes to change the display of items depending on the screen sizes
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.
The project takes a string of characters and a cipher factor and returns the caesar cipher version of the string.
The open curriculum for learning web development
In this project we re-created multiple methods from the enumerable module, applying concepts like block and Proc in our methods.
In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch using plain HTML, CSS and JavaScript
An amazing form that slides from one element to the next, designed with Figma and built using Reactjs, React-Spring, and Tailwindcss.
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.
This project is built using Reactjs (making use of React Hooks) and Tailwind-css. I also made use of styled components to style some of the components.
A simple application built while extending my knowledge on React and Redux.
A responsive clone of the Newsweek homepage using plain semantic HTML5 elements, Bootstrap4 as well as a little bit plain CSS3 with media queries.
A ready made application i used to learn cypress. A JavaScript testing tool
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.
Odyssey Lift-off V - Client - Course Companion App
Odyssey Lift-off V - Server - Course Companion App
A simple application built while extending my knowledge on Typescript with React. I build a simple pizza ordering process.
A simple application built while extending my knowledge on Typescript with React and Redux.
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.