Discover @abongsjoel Open Source projects

Chi A. Joel (@abongsjoel)

abongsjoel

Stars
192
Global Rank 122,668 (Top 5 %)
Followers 23
Following 22
Registered over 7 years ago
Most used languages

JavaScript
30.0 %

HTML
22.5 %

Ruby
17.5 %

TypeScript
12.5 %

CSS
12.5 %

Less 5.0 %
Location 🇨🇲 Cameroon
Country Total Rank 17
Country Ranking

Less 1

CSS
2

Ruby
4

HTML
5

JavaScript
15

TypeScript
27

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.

Newsweek-clone

A responsive clone of the Newsweek homepage using plain semantic HTML5 elements, Bootstrap4 as well as a little bit plain CSS3 with media queries.

Enumerables

In this project we re-created multiple methods from the enumerable module, applying concepts like block and Proc in our methods.

freightclaims-lodgeing-form

An amazing form that slides from one element to the next, designed with Figma and built using Reactjs, React-Spring, and Tailwindcss.

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.

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.

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.

tic-tac-toe

This project creates a simple but amazing Tic Tac Toe game using Ruby and OOP. Also implemented Testing using Rspec.

streams

In this project, I created a React application that streams videos on the user's local computer

Apple-homepage-clone

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.

caesar-cipher

The project takes a string of characters and a cipher factor and returns the caesar cipher version of the string.

abongsjoel

This is a special repository. Its README.md will appear on your public profile

blog

Created a simple list of blog articles using reactjs, redux, redux-thunk, axios, lodash, amongs other technologies.

yiss

A responsive web application designed with Figma and built using Reactjs and Tailwindcss as well as styled-components. I made use of the react-hooks system and react-routers.

tj-weather-website

A weather app built using Node.js and the Express.js server as well as handlebars and it's hosted on Heroku. The site uses data from mapbox.com and darksky.net.

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.

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.

stock-picker

The project implement's a #stock_picker method that takes in an array of stock prices and returns a pair of days representing the best day to buy and the best day to sell.

Etch-A-Sketch

In this project I build a browser version of something between a sketchpad and an Etch-A-Sketch using plain HTML, CSS and JavaScript

task-manager

This project was built while studying Nodejs. In this project, I create HTTP endpoints for a Task Manager application.

rock-paper-scissors

In this project, I used plain HTML, CSS and JavaScript to build a simple rock, paper, scissors game.

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.

iec

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.

widgets

The project builds four simple widgets: An Accordion, A Search widget, a simple Dropdown widget and a Translate widget using Reactjs (React Hooks) and semantic-ui css library.

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.

tj-calculator

A simple calculator built with plain HTML5, CSS3, and JavaScript. The calculator contains functions for all of the basic math operators we typically find on simple calculators.

bootstrap-website

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

google-homepage

ts-configurations

In this project i created some simple basic TypeScript configurations to use when starting any TypeScript project.

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.

ngx-crypress-test

A ready made application i used to learn cypress. A JavaScript testing tool

learning-react-redux

A simple application built while extending my knowledge on React and Redux.

react-redux-ts

A simple application built while extending my knowledge on Typescript with React and Redux.

reactjs-toolkit-starter

react-plus-typescript

A simple application built while extending my knowledge on Typescript with React. I build a simple pizza ordering process.

exercises

pokemon-app

react-typescript-jest-enzyme

solution

pokemon-ts

redux-toolkit

A very simple workflow of how to get started with Redux using the Redux toolkit