Dynamic Web Magic with Next.js

Transforming the Web into Seamless User Experiences

Hi I'm Wisdom, a React - Next.js Frontend developer based in Nigeria.

[object Object]
I prioritize client needs and foster open communication
I'm very flexible with time zone communications
I constantly try to improve
My tech stack
ReactJavaScriptTypeScript
Next.jsTailwindFramer motion
[object Object]
[object Object]
Tech enthusiast with a passion for development.
[object Object]
[object Object]
The Inside Scoop
Currently Learning Backend Technologies
Do you want to start a project together?

A small selection of my recent projects

ReconXi project

ReconXi

ReconXi is an AI-powered platform that makes reconciliation quick, accurate, and easy, so you can focus on growing your business or managing clients' needs.

TypeScript
Next.js
Tailwindcss
Framer Motion
Spotlight project

Spotlight

Spotlight is a café and event booking platform that allows users to discover and reserve spaces in real-time. Designed with a focus on performance, responsiveness, and intuitive UX, it features smooth animations, dynamic routing, and efficient state and API management.

TypeScript
Next.js
Tailwindcss
Framer Motion
Uncle Tobi Shop project

Uncle Tobi Shop

An e-commerce platform that provides a seamless shopping experience for authentic African dishes, enhancing accessibility and convenience for customers.

JavaScript
React
Tailwindcss
Framer Motion
GetKicks Nike Store project

GetKicks Nike Store

An e-commerce platform displaying Nike sneakers by category, featuring cart and wishlist functionality. Users can explore detailed product pages with descriptions, release dates, and multiple images.

React
Tailwindcss
TypeScript
Framer Motion
Chrome AI Powered Text Processor project

Chrome AI Powered Text Processor

A clean and intuitive user interface built around Chrome's built-in APIs, designed for AI-powered text processing. The layout features dedicated sections for language detection, translation, and summarization, providing a solid foundation for future integration of intelligent capabilities.

JavaScript
Next.js
Tailwindcss
Framer Motion
Ticz project

Ticz

A modern conference ticket booking web application with local storage functionality.

TypeScript
Next.js
Tailwindcss
Framer Motion
FinEase project

FinEase

A modern landing page designed for financial savings and transactions, emphasizing simplicity, efficiency, and user trust.

JavaScript
React
Tailwindcss
Framer Motion
Craving Food project

Craving Food

A visually appealing landing page showcasing various dishes with an engaging layout to enhance user appetite and experience.

JavaScript
React
Tailwindcss
Framer Motion
Todo List project

Todo List

A productivity app with light and dark modes, offering a draggable feature for seamless task sorting and a user-friendly interface to manage daily activities efficiently.

JavaScript
React
Tailwindcss
Currency Converter project

Currency Converter

A reliable currency conversion tool supporting over 162 countries, offering real-time exchange rates with a user-friendly interface for seamless global transactions and comparisons.

HTML 5
CSS 3
JavaScript

My Work Experience

ReconXi

ReconXi is an AI-powered reconciliation platform designed to streamline the process of matching financial documents such as Bank Statement and Company Ledgers. It helps businesses and finance teams automate, review, and manage reconciliation tasks with ease and accuracy.

AI-Powered Reconciliation: Automatically match financial transactions powered by Gemini AI.
Matching Transactions: Users can manually or automatically match records for accurate reconciliation.
Unlink Matched Transactions: Easily reverse or unlink previously matched transactions when corrections are needed.
Quick Match Suggestions: Get fast suggestions for possible matches based on similarity algorithms.
Advanced Match Search: Use filters like date range, amount range, and custom queries to find specific matches.
User Dashboard: A centralized dashboard to view reconciliation progress, tasks, and account details.
Plan Management: View and manage subscription plans, usage, and access based on user role.
Responsive UI: Fully responsive across all devices, providing a seamless experience for desktop and mobile users.
Modern UI/UX: Built with Next.js, Shadcn UI, Framer Motion, and Tailwind CSS for clean aesthetics and smooth interactions.
Secure Backend Integration: Connected to a Laravel + PostgreSQL backend to handle data securely and efficiently.
ReconXi interface - matching screenReconXi dashboardReconXi user filtersReconXi transaction overview

SPOTLIGHT

A café and event space booking platform that allows users to discover, reserve, and manage bookings seamlessly. Spotlight emphasizes intuitive UX, modern design, and responsive performance across all devices.

Café & Event Space Listings: Browse available cafés and event venues with detailed descriptions and images.
Dynamic Booking System: Reserve spaces with real-time availability, booking confirmation, and status updates.
User Authentication: Secure sign-up and login flows using Auth.js, integrated with a Django backend.
Dashboard: Personalized user dashboard to manage bookings, track activity, and update profile information.
Responsive Design: Mobile-first layout with smooth animations and adaptive UI across devices.
Reusable UI Components: Styled with Shadcn UI and Tailwind CSS for design consistency and rapid development.
State Management: Zustand used for lightweight, scalable global state handling across components.
API Integration: Efficient data fetching and caching via TanStack React Query from a Django REST API.
Framer Motion: Page transitions and animations for an engaging user experience.
Spotlight cafeSpotlight event spaceSpotlight space bookingSpotlight dashboard

Uncle Tobi Shop

An e-commerce platform that provides a seamless shopping experience for authentic African dishes, enhancing accessibility and convenience for customers.

Product Categories: Browse a wide range of products organized into distinct categories for easy navigation.
Product Details: Access comprehensive product information, including descriptions, specifications, and high-quality images.
Cart Functionality: Seamlessly add and manage items in your shopping cart for a smooth purchasing process.
Wishlist: Save favorite products for future purchases, allowing users to easily revisit desired items.
Stripe Checkout Integration: Secure and efficient payment processing via Stripe, ensuring a hassle-free checkout experience.
Customer Dashboard: Track orders, view purchase history, and manage personal account settings with an intuitive dashboard.
Content Creation: Write and publish articles, recipes, or tips for other users to enjoy and utilize.
Guest Checkout: Enable users to make purchases without creating an account, streamlining the shopping experience for new customers.
Responsive Design: Optimized for both desktop and mobile devices, ensuring accessibility and usability across platforms.
uncle tobi shopuncle tobi shopuncle tobi shopuncle tobi shop

GetKicks

An e-commerce platform displaying Nike sneakers by category, featuring cart and wishlist functionality. Users can explore detailed product pages with descriptions, release dates, and multiple images.

Category-Based Navigation: Easily browse a diverse selection of Nike sneakers organized into distinct categories for quick access.
Cart Functionality: Add desired sneakers to your cart, facilitating a streamlined purchasing process.
Wishlist: Save favorite products for later viewing, allowing users to keep track of items of interest.
Detailed Product Pages: Explore in-depth information on each sneaker, including comprehensive descriptions, release dates, and high-resolution images.
Responsive Design: Optimized for desktop and mobile devices, ensuring a seamless shopping experience across all platforms.
GetKicksGetKicksGetKicksGetKicks

My approach

Planning & Strategy

We'll collaborate to map out your website's goals, target audience, and key functionalities. We'll discuss things like site structure, navigation, and content requirements.

Development & Progress Update

Once we agree on the plan, I cue my lofi spotify playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Development & Launch

This is where the magic happens! Based on the approved design, I'll translate everything into functional code, building your website from the ground up.