Hey I'm Samuel

a Web developer

A web developer who lives in Lagos, Nigeria. I code every day and I'm always looking for an opportunity to design as well.

Skills:

JavaScriptReactReduxSassTypeScriptNext.jsGatsbyjsNodejsExpress.jsCI & CDRedisMongoDBPosgressKnexjsTDDDockerGCPAWSSPA & SSRMicroServicesGitWeb Performance & SecurityNative EnglishTechnical WritingCollaboration & Teamwork

Email Github Twitter LinkedIn Blog

The newest projects are selected from the top

ReactNextjsCss-modules

Populi News Website

I worked on a news website for Gobigly that displays real-time data from the backend.
The website is updated regularly and has an intuitive user interface.
I collaborated with the development team, optimized the site for speed and performance, and conducted thorough testing to ensure quality.

The project required effective communication and teamwork to meet our goals.

ReactNextjsCss-modulesReact-context

The Twins Funnel

I created a promotional funnel for The Twins, a well-known comedy duo in the US, as a contractor for Gobigly, a marketing firm.
I used nextjs, css modules, and react-context to develop an engaging funnel with clear calls-to-action.

I worked closely with other developers to ensure that the final product met with the clients goals and expectations.

HtmlCssWordpress

Melchapedivesolutions

I built a WordPress website for a marine firm by designing a custom theme, integrating plugins and widgets, optimizing for performance and SEO, creating informative content, and implementing user-friendly navigation.
I collaborated with the client throughout the project to ensure their satisfaction and believe the website will help the firm attract new customers.

ReactReduxStyle-componentsGraghql

Ecommerce Frontend Challenge

A simple ecommerce App, that add/remove products and change quantities on cart page, PLP, and PDP.
Selects product options and view them in cart overlay and cart page.
Filters products by category and display visual representation of swatch attributes on PLP and PDP.
And Change store currency to one of the available options.

Hosted backend on glitch. Try refreshing the page more than once, and it will load the products

ReactReduxNext.jsMongoDBAuthenticationGCPWeb Performance & SecurityDocker

360SoccerConnect

A sport web application, that displays players, coaches, clubs, agents, and scouts profile info. And connects them to their prospective clubs in the future.

I'm current working as the only web developer, responsible for the front-end, back-end, UI, UX designs, projects management, and database structure and design.

ReactTypeScriptMongoDBPuppeteerJestGdockercp

Oneuptime

OneUptime is an open-source complete SRE and DevOps platform.

I was able to participate in this project, by writing a complete test for all the pages in the app using puppeteer and jest

HTML5CSS3JavaScript

Maintenance Tracker

A maintenance tracker tool that helps individuals or organizations track and manage the maintenance and repair of physical assets or equipment.

It is typically used to schedule, record, and track the maintenance and repair work that is performed on various assets, such as vehicles, machinery, or facilities.

HTML5CSS3JavaScript

Heat Map

A heat map built with d3 that displays the monthly global land-surface temperature from 1753 to 2015 can be a useful tool for understanding and analyzing long-term temperature trends and patterns.

The heat map can show the differences in temperature between different months and years, as well as the overall changes in temperature over time.

ReactReduxTachyonsTypeScriptJestEnzymes

RoboFriends

This project was created for learning purpose, while on my path of becoming senior developer.
It's an App that displays random robot pictures using Api.

Learning Purpose: TypeScript, Redux, Presentational and Container component, and React testing
with Jest and Enzymes.

HTML5CSS3JavaScript

Scatter Plot

A scatter plot built with d3 that displays the doping in professional bicycle racing could be a graphical representation of data that shows the relationship between two variables, with one variable represented on the x-axis and the other represented on the y-axis.

The scatter plot use different colors to distinguish between riders who have been implicated in doping and those who have not.

ReactReduxSassTypeScriptJestEnzymes

Pomodoro Clock

A simple app that tracks session and break time, and sets a count-down timer to track both times. You click the big play button displayed on the screen to get started. And both session and break timer can be adjusted using their buttons.

Learning Purpose: TypeScript, Redux, Presentational and Container component, and React testing with Jest and Enzymes.

JavaScriptReactReduxSassTypeScriptJestEnzymes

JavaScript Calculator

A Calculator App created for FreeCodeCamp back then. It contains buttons for inputs values, you can add, subtract, divide,and multiply after total evaluated calculations.
Just recently updated and upgraded.

Learning Purpose: TypeScript, Redux, Presentational and Container component, and React testing with Jest and Enzymes.

JavaScriptReactReduxSassTypeScriptJestEnzymes

Drum Machine

A Drum Machine App created for FreeCodeCamp back then. It contains buttons for inputs values, and sounds via external API.
Just recently updated and upgraded.

Learning Purpose: TypeScript, Redux, Presentational and Container component, and React testing with Jest and Enzymes.

HTML5CSS3JavaScript

Choropleth Map

A choropleth map built with d3 that displays the percentage of adults age 25 and older with a bachelor's degree or higher would show different colors to represent the different levels of educational attainment within a specific geographic region.
A
Qreas with a high percentage of adults with a bachelor's degree or higher are shown in a darker blue, while areas with a lower percentage are shown in a lighter blue.

HTML5CSS3JavaScript

Tree Map

Tree Map built with d3 that displays the Top 100 Most Sold Video Games Grouped by Platform color is a visual representation of data that displays the relative size of different video game platforms in relation to one another.

The Tree Map is organized such that the size of each platform is proportional to the total number of video games sold on that platform, and the color of each platform is determined by the platform's category.

HTML5CSS3JavaScript

Bar Chart

A bar chart built with D3 that displays the (GDP) of a country over a period of time. In this case, the bar chart would show the GDP from 1950 to 2015. The x-axis of the chart would represent the years from 1950 to 2015, and the y-axis would represent the GDP values.

Each bar on the chart would represent the GDP for a particular year, with the height of the bar indicating the GDP value for that year. The chart would allow users to easily visualize and compare the GDP values over the specified time period.

HTML5CSS3JavaScript

Habit Tracker

An application that helps users track and maintain habits, such as exercising, eating healthy, or practicing a new skill.

This app allows users to set goals and create a schedule for their habits, reminders, motivation, and analytics to help users stay on track and reach their goals. I worked with some group developers. I worked on both front, backend and designs using figma

HTML5CSS3JavaScript

Keiko Corp2022

A simple static Html, Css and Javascript project, that display simple static webpages.
I got involve with this project when I enrol for a Junior to Senior Developer Road Map on Udemy.

Learning Purpose: website optimization and performance.

Product Landing Page2019

A Product Landing Page, FreeCodeCamp's projects with pure css and html while learning.
Using css flexbox and media query for page responsiveness and for any devices. Recently updated the project to update my skills.

Learning Purpose: website optimization and performance.

HTML5CSS3JavaScript

Anon Message Board

HTML5CSS3JavaScript

Meteorite Explorer

An app created for Chingu voyage 37.
It displays data from the Nasa Open Data Portal Meteorite Landings using API.

HTML5CSS3JavaScriptExpress.jsNodejs

Metric Imperial Converter

A full-stack FreeCodeCamp project that uses API to measurement units and converts one unit to another
back and forth. Eg: miles (mi) to kilometers (km),
pounds (lbs) to kilograms (kg),
and gallons (gal) to liters (L)

JavaScriptReactSass

Random Quote Machine

This was my first react and sass app, created while learning on freeCodeCamp. This project gave me the flow of how react and sass works, and also how to make use of external Api.

Survey Form

This is my second project on FCC while learning.
I created this survey form with pure css, using css flexbox and media query including other css features.

HTML5CSS3Express.jsNodejs

Stock Price Checker

Stock price checker app. A project I created while learning on FreeCodeCamp.
This displays the prices of latest stocks in the market using an API that helps check the price of stocks.

JavaScriptReactSass

Markdown Previewer

This was my second FreeCodeCamp React and Sass project I built while learning.

FCC Portfolio Page

This is a portfolio Design Page built by me,
it's one of the freeCodeCamp's projects I did, while learning from them.
It's amazing both in design and very mobile friendly.
This page is built with pure css and html.
The both skills I learnt are css flexboxs and media quarys.

Henry Ford's Tribute page

This is was my first FCC project built while learning on FCC. This page was built as a Tribute to Henry Ford known as American captain of industry.

JavaScript Documentation

This is a Javascript Documentation Page built by me while learning with freeCodeCamp. It has been an awesome experience for me, building well design and responsive web pages while learning with FCC. The design is similar to that of FCC Js-Techinical-Documentation-page, which is amazing.