Hi, I'm Luke Oladejo

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