My Projects

AgriLink NG - Agricultural Marketplace Platform

A comprehensive agricultural marketplace platform built with React and NestJS that empowers small-scale farmers to sell their products directly to buyers through real-time negotiation and secure communication. The platform features role-based access for farmers and buyers, product listing management with search capabilities, and provides post-harvest handling guidance. By removing intermediaries, AgriLink NG aims to revolutionize Nigeria's agricultural sector, improve farmer profitability, and enhance food security.

Key Features:

• Direct Farmer-to-Buyer Marketplace - Eliminate middlemen for transparent trading
• Real-time Chat & Negotiation - In-app messaging system for price discussions
• Product Listings Management - Comprehensive catalog with search and filters
• Secure Role-Based Authentication - Separate access for farmers and buyers (JWT + Passport)
• Farm Address Management - Multiple location support for farmers
• Image Upload System - Product photos with primary image selection
• Mobile-First Responsive Design - Accessible across all devices for rural farmers
• Post-Harvest Guidance - Educational resources for reducing agricultural losses

Tech Stack:

• Frontend: React 18 with TypeScript and Vite
• UI: Tailwind CSS + shadcn/ui component library
• State Management: TanStack Query with React Hook Form and Zod validation
• Backend: NestJS 11.x with TypeScript and MongoDB (Mongoose ODM)
• Authentication: Passport.js with JWT & Local strategies
• Real-time: Socket.IO for chat and live notifications

Architecture & Performance:

• RESTful API with WebSocket support for real-time features
• Modular NestJS architecture with role-based guards
• Atomic design pattern for React components
• Mobile-first responsive design optimized for low-bandwidth rural areas
• Vite for fast development and optimized production builds
• Lazy loading and code splitting for improved load times

Planned Features:

• Cold storage facility integration
• Logistics provider network
• Payment gateway integration
• SMS notifications for feature phone users
• Multi-language support (English, Yoruba, Hausa, Igbo)

CineSeek - Progressive Web App Movie Discovery Platform

A feature-rich movie discovery platform that combines advanced filtering capabilities with PWA technology to deliver a native app-like experience. Users can search through millions of movies, filter by genre and year, view detailed information including ratings and cast, all while enjoying offline support and installability on any device. Built with Next.js and React, the app leverages modern web technologies to provide fast load times, smooth navigation, and a responsive design optimized for mobile, tablet, and desktop.

Key Features:

• Movie Discovery - Browse and search through 9M+ movies from the MoviesDatabase API
• Advanced Filtering - Filter movies by year, genre, and category with real-time results
• PWA Capabilities - Offline support, installable on home screen, and app-like experience
• Responsive Design - Fully optimized for mobile, tablet, and desktop devices
• Real-time Search - Instant movie search with dynamic pagination
• Rich Movie Cards - Display comprehensive movie information including posters, titles, release years, and ratings
• Service Worker Integration - Automatic caching and background sync for improved performance
• Modern UI - Clean, intuitive dark theme interface with smooth client-side navigation

Tech Stack:

• Frontend Framework: Next.js 15.3.4 with React 19.0.0 and TypeScript 5
• Styling: Tailwind CSS 4 with PostCSS integration
• PWA Implementation: @ducanh2912/next-pwa with Workbox and Service Workers
• API Integration: MoviesDatabase API via RapidAPI
• UI Components: FontAwesome icons, custom React components
• Development Tools: ESLint, Webpack 5 (via Next.js)

Performance Features:

• Optimized asset delivery with automatic caching
• Service worker for offline functionality
• Static site generation for fast page loads
• Image optimization with Next.js Image component

Architecture:

• Component-based React architecture
• Next.js API routes for server-side API calls
• TypeScript for type-safe development
• Modular folder structure with separated concerns (components, pages, interfaces)

Planned Features:

• Movie details page with trailers and clips
• User authentication and favorites system
• Advanced search functionality
• Movie recommendations engine
• Watchlists and collections
• Social sharing features
• Reviews and ratings system

ALX Property Listing App

A modern, responsive property listing application that allows users to discover and book beautiful properties worldwide with an intuitive user interface and seamless booking experience.

Key Features:

• Property Listings - Browse curated collection of luxury properties worldwide
• Advanced Filtering - Filter by category, price, rating, and amenities
• Responsive Design - Works seamlessly on desktop, tablet, and mobile
• Rating System - View property ratings and reviews
• Dynamic Pricing - Support for discounts and special offers
• Property Details - Comprehensive information for each property
• Booking System - Integrated booking form with payment processing
• Modern UI - Beautiful interface with smooth animations

Tech Stack:

• Next.js 15.3.2 with App Router for optimal performance
• TypeScript 5.0 for type safety and better developer experience
• Tailwind CSS 4.0 for modern, utility-first styling
• Axios for HTTP client and API requests
• Custom SVG icons and PNG assets
• Deployed on Vercel for fast, reliable hosting

Performance & UX:

• Optimized for fast loading and smooth user experience
• Fully responsive design across all devices
• Smooth animations and transitions
• Intuitive navigation and user flow

BetSwitch Platform

A comprehensive web application that simplifies the betting experience by providing a user-friendly platform for converting bet codes between different bookmakers including Bet9ja, BetKing, 1XBet, and more.

Core Functionality:

• Seamless bet code conversion between different bookmakers
• Secure user authentication with password strength indicator
• Mobile-responsive design for use on any device
• Support for major betting platforms
• User account creation to save conversion history

Planned Features:

• API integration with real bookmaker data
• User dashboard with detailed conversion history
• Odds comparison across multiple bookmakers
• Native mobile applications for iOS and Android
• Social login via Google and Facebook

Country Explorer - Global Discovery App

A beautiful, interactive web application to discover and explore countries from around the world. Learn about their capitals, regions, populations, and see their flags in an engaging, user-friendly interface powered by real-time API data.

Key Features:

• Real-time Search by country name (common or official names)
• Region Filtering for Africa, Americas, Asia, Europe, and Oceania
• Population Sorting (ascending/descending with smart formatting)
• Beautiful Card Layout with elegant hover effects
• Live Statistics showing total countries and combined population
• Clean Pagination with 12 countries per page
• Lazy Loading for optimized image performance
• Responsive Design for desktop, tablet, and mobile

Technical Implementation:

• Vanilla JavaScript with ES6+ features and modular architecture
• REST Countries API integration for real-time data
• CSS3 with Glassmorphism design and gradient backgrounds
• Professional loading states and error handling
• Hardware-accelerated CSS animations and transitions
• Efficient filtering with optimized array methods
• Mobile-optimized touch-friendly interface

Data & Performance:

• REST Countries API v3.1 for comprehensive country data
• Lazy loading images for faster initial load times
• Batch DOM updates for smooth performance
• Dynamic population formatting (K, M, B notation)
• Cross-browser compatibility (Chrome, Firefox, Safari, Edge)

Just Do It - Advanced Task Manager

A comprehensive task management application featuring modern glass-morphism design, task categorization, and satisfying completion animations. Built with vanilla JavaScript and modern CSS features.

Key Features:

• Clean, Modern UI with aesthetic glass-morphic design
• Dark/Light Theme toggle with persistent preferences
• Task Categories (Personal, Work, Urgent) with filtering
• Real-time progress tracking with visual progress bar
• Data persistence using local storage
• Confetti celebration when all tasks are completed
• Animated motivational words with typing effects
• Fully responsive design for all devices

Technologies & Libraries:

• Vanilla JavaScript with modern ES6+ features
• CSS3 with Flexbox and CSS Variables
• Typed.js for typing animations
• AOS library for scroll animations
• tsParticles for confetti effects
• FontAwesome for icons

Planned Features:

• User authentication and cloud storage
• Task history and analytics
• Email reminders and due dates
• Drag and drop task reordering
• Export/Import capabilities
• PWA implementation

iGEN - AI-Powered Image Generation

A sophisticated Next.js application that transforms text descriptions into stunning visual artwork using advanced AI technology. Built with modern web technologies and featuring a clean, intuitive interface for seamless image generation.

Core Features:

• AI-Powered Image Generation from text descriptions
• Interactive Gallery to view and manage generated images
• Image History tracking with original prompts
• Responsive Design for desktop and mobile devices
• Modern UI with clean, intuitive interface
• Full TypeScript support for type safety
• Real-time image generation and display

Technology Stack:

• Next.js 15.3.4 with React 19 for modern web development
• TypeScript for enhanced code quality and type safety
• Tailwind CSS 4 for responsive, utility-first styling
• RapidAPI ChatGPT-42 Text-to-Image service integration
• ESLint for code quality and consistency
• Custom hooks (useFetchData) for API management

Architecture & Components:

• Modular component architecture with reusable ImageCard components
• Custom API endpoints for secure image generation
• Layout system with Header, Footer, and responsive wrapper
• TypeScript interfaces for robust type definitions
• Environment variable configuration for API security
• Production-ready deployment configuration

User Experience:

• Simple text prompt input with instant generation
• Gallery view for browsing generated image history
• Full-size image viewing and prompt recall
• Responsive design optimized for all screen sizes

Luxury Jewelry E-commerce Landing Page

A sophisticated e-commerce landing page designed for a luxury jewelry brand, featuring an elegant black and gold color scheme, responsive design, and seamless WhatsApp integration for direct customer orders.

Premium Design Features:

• Sophisticated black and gold color scheme reflecting luxury branding
• Fully responsive design optimized for desktop, tablet, and mobile
• Interactive elements with smooth animations and hover effects
• Product showcase with elegant display of jewelry collections
• Strategic use of whitespace and visual hierarchy
• Cross-browser compatibility across all modern browsers

E-commerce Integration:

• WhatsApp Business Integration for direct order placement
• Streamlined order form with pre-filled customer details
• Professional message formatting for customer inquiries
• Contact form that redirects to WhatsApp with order details
• Customizable product types (Gold/Silver) and quantities
• Delivery address and time preference collection

Technical Implementation:

• Semantic HTML5 markup for better accessibility and SEO
• Modern CSS3 with flexbox, animations, and responsive design
• Vanilla JavaScript for form handling and WhatsApp integration
• Font Awesome icons for enhanced visual appeal
• Mobile-first responsive design approach
• Optimized images and assets for fast loading

Performance & SEO:

• Lighthouse Score: 95+ Performance rating
• Mobile-friendly and SEO optimized with meta tags
• Accessibility features with ARIA labels and proper contrast
• Clean, commented, and maintainable code structure

Perfect For:

• Luxury jewelry stores and high-end product launches
• E-commerce businesses seeking elegant presentation
• Brand showcase websites with conversion focus
• Converting social media traffic to direct sales

OPSYN - WhatsApp Community Platform

A clean, responsive landing page built to promote and seamlessly redirect users to a WhatsApp community group. Features modern UI design, smooth animations, and professional presentation of community benefits.

Design & User Experience:

• Responsive Design fully optimized for all devices and screen sizes
• Modern UI with clean, professional design and smooth animations
• Mobile-Friendly Navigation with hamburger menu for smaller screens
• Smooth Scrolling for enhanced user experience between sections
• SEO Friendly with semantic HTML structure for better visibility
• Eye-catching hero section with compelling call-to-action

WhatsApp Integration:

• Direct WhatsApp group link with confirmation dialog
• Seamless redirect to group invitation with user confirmation
• Professional presentation of community benefits and features
• Clear call-to-action buttons strategically placed throughout
• User-friendly join process with minimal friction

Technical Implementation:

• Vanilla JavaScript for smooth interactions and animations
• CSS3 with modern features and responsive design patterns
• HTML5 semantic structure for accessibility and SEO
• Font Awesome Icons for professional visual elements
• Cross-browser compatibility across all modern browsers
• Optimized performance with clean, efficient code

Page Structure:

• Hero Section with compelling introduction and main CTA
• Features Section highlighting key community benefits
• Benefits Section detailing advantages of joining
• Join Now Section with direct WhatsApp integration
• Responsive navigation with smooth section scrolling

Customization Features:

• Easy WhatsApp group code configuration
• Customizable color scheme (primary: WhatsApp Green #25D366)
• Modular content sections for easy updates
• Replaceable images and branding elements
• Flexible layout adaptable to different community types

Perfect For:

• WhatsApp community promotion and member acquisition
• Social media monetization and community building
• Business communities and professional networks
• Converting web traffic to engaged community members

PlaySwitch Gaming Platform

An engaging gaming platform that brings users together through interactive games and social features, built with modern web technologies.

Key Features:

• Multiplayer game support with WebSocket
• Real-time chat and social interactions
• Leaderboards and achievement system
• Cross-platform compatibility
• Responsive gaming interface

Advanced Countdown Tool

A feature-rich countdown timer application that helps users track important events and deadlines with style and precision.

Key Features:

• Multiple countdown timers support
• Customizable themes and backgrounds
• Audio and visual notifications
• Event sharing and export options
• Mobile-responsive design

Healthcare Reform Initiative

Our team created a comprehensive digital solution to improve healthcare access across Nigeria, especially targeting rural areas with limited medical infrastructure.

Project Scope:

• Telemedicine Platform Development
• Mobile Health Applications
• Public-Private Partnership Models
• Digital Health Record Systems
• Community Health Worker Training

Personal Portfolio Website

A comprehensive personal portfolio website built with modern web technologies, featuring smooth animations, responsive design, and interactive elements.

Key Features:

• Responsive design for all devices
• Smooth scroll effects and animations
• Dynamic content loading
• Contact form with validation
• Project showcase with filtering

E-commerce UI Design

A complete e-commerce user interface design focused on user experience and conversion optimization, featuring modern design principles and accessibility standards.

Key Features:

• Responsive design system
• User-tested interface components
• Optimized checkout flow
• Dark/light mode support
• Accessibility compliance