Hi, I'm Luke Oladejo

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