ClassMate

ClassMate

A work in progress. Also a student cgpa and resource management system

NextJSTailwindCSSTypeScriptResponsive DesignAOS
Multi-choice Test

Multi-choice Test

A multi-choice test with drag and drop features

NextJSTailwindCSSTypeScriptResponsive DesignReact DND
HandyHub

HandyHub

HandyHub is a personal app I designed and built using firebase auth and firestore. It has user and provider registration pages, a login feature as well as user and provider dashboards after respective logins.

Firebase AuthFirestoreNextJSTailwindCSSTypeScriptResponsive DesignAnimateCSS
CNBank

CNBank

A responsive dashboard UI for a Fintech Savings & Investment App

NextJSTailwindCSSTypeScriptResponsive DesignAnimateCSS
Innova

Innova

Innova is a freelance landing page for a startup

NextJSTailwindCSSTypeScriptResponsive DesignReact Intersection Observer
Alpharithm

Alpharithm

A job assessment project for Alpharithm

NextJSTailwindCSSTypeScriptResponsive DesignAOSSwiper React
Officing

Officing

A company work application coming soon

NextJSTailwindCSSTypeScriptReduxTanstack QueryShadcn UIResponsive Design
MySportskit

MySportskit

MySportskit is a fully functional eCommerce website built with WordPress. I worked on the frontend part of this project, leveraging WordPress themes and plugins for functionality and design.

WordPressWooCommerceElementorResponsive DesignCSSPlugins
Rise

Rise

Rise was a job assessment project. This project required me to build desktop and mobile screen landing page to the designs provided. I used NextJS, AOS, Animate CSS and Tailwind CSS for the design and interactivity

NextJSTailwindCSSTypeScriptResponsive DesignAOSAnimateCSS
Ticket Generator

Ticket Generator

A simple ticket generator app implemented using frontend mentor's multi-step form challenge design

NextJSTailwindCSSTypeScriptResponsive DesignAOS
Snaarp-Todo

Snaarp-Todo

A functional To-Do application using localStorage as a mock backend, TanStack Query (React Query) for data management, and Tailwind CSS for styling for Snaarp test.

NextJS 15TailwindCSSTypeScriptResponsive DesignShadCN UITanStack QueryAOSLocalStorageCRUD Operations
AceHelp

AceHelp

A job assessment project that required me to build desktop, tablet and mobile responsive page with API integration and several features

ReactJSTailwindCSSTypeScriptResponsive DesignAPI integrationPaginationKeyboard EventAnimateCSS
Foodie-Land

Foodie-Land

Foodie land is a mini website that was created as a job interview challenge.This project required me to build desktop pages to the designs provided. I used NextJS and Tailwind CSS for the design and interactivity

NextJSTailwindCSSTypeScript
Rest Countries

Rest Countries

Rest Countries is a frontend challenge that required integrating the Rest Countries API to pull country data and display it like in the designs on Frontend Mentor. It has a search, filter, light/dark toggle them features and a details page .

NextJSTailwindCSSTanstack QueryReduxTypeScriptResponsive Design
Recipe

Recipe

Recipe app displays data from meal DB and features a cart order functionality where users can add, remove or update cart items.

NextJSTailwindCSSTanstack QueryTypeScriptResponsive Design
Gasfleet

Gasfleet

Gasfleet is a website for for Gasfleet oil company which was built using NuxtJS.

NuxtJSTailwindCSSResponsive Design
Advice Generator

Advice Generator

This project was a frontend challenge that involved using the Advice Slip API to create an advice generator app. Users can view the optimal layout for the app depending on their device's screen size, see hover states for all interactive elements on the page and generate a new piece of advice by clicking the dice button.

ReactJSTailwindCSSaxiosViteResponsive DesignAdvice Slip
Drag and Drop

Drag and Drop

This is an image gallery using images from the Pexels API with a drag and drop feature using react-beautiful-dnd. A sign in feature was added using firebase. Users can sign in using `user@example.com` as email and `1Password` as password. Animate.css and AOS were used for animations.

ReactJSTailwindCSSBootstrapFirebaseResponsive DesignFormikYupReact/routerReact-Hook-FormReact-beautiful-dndPexels
Movies

Movies

This app was created as a requirement for my HNGX internship. It was created using ReactJS, MaterialUI/Material icons and Tailwind CSS. The API used was TMDB.

NextJSTailwindCSSAxiosReact/routerMaterialUI iconsTMDB
Newsletter Subscription

Newsletter Subscription

This project is a frontend mentor challenge which is meant to enhance skills with basic form structure, validation, submission and success states.

ReactJSReact-RouterViteTailwindCSSResponsive Design
Remote

Remote

Remote was another frontend mentor challenge, meant to test one's ability to create dropdown navigation menus which is a common pattern for larger sites. Users can view the relevant dropdown menus on desktop and mobile when interacting with the navigation links, view the optimal layout for the content depending on their device's screen size and see hover states for all interactive elements on the page

ReactJSTailwindCSSViteResponsive DesignAnimate CSS
The Future

The Future

This is a simple frontend mentor homepage meant to test one's skills in CSS Grid. Users can view the optimal layout for the interface depending on their device's screen size and also see hover and focus states for all interactive elements on the page

NextJSTailwindCSSTanstack QueryReduxTypeScript
Code Estate

Code Estate

Code estate is an ongoing project for Enyata Hackerton. It is a real estate app being created with the sole aim of bridging the gap between tenants, landlords and agents.

NextJSTailwindCSSTanstack QueryReduxTypeScriptFomikReact-Hook-Form
Previous Portfolio

Previous Portfolio

This was my previous portfolio created with ReactJS and tailwind CSS.

ReactJSTailwindCSSResponsive Design