ListOn Business Listing and Directory PlatformListOn is a comprehensive React-based web application designed for creating, managing, and discovering business listings. The platform includes both a public-facing website with multiple homepage designs and a full-featured admin dashboard for business management.Built with React 19 and Vite 7, the application uses Redux Toolkit for state management, React Router 7 for navigation, and a combination of Bootstrap 5 and Tailwind CSS 4 for styling.Key FeaturesInteractive Map IntegrationThe platform integrates Google Maps API to provide location-based listing discovery. Maps support custom styled markers by category, light and dark themes, interactive info popups, and distance-based search functionality.Multiple Display LayoutsListings can be displayed in various formats:<ul><li>Grid View (two layout variants)</li><li>List View (left or right sidebar options)</li><li>Map-integrated layouts</li><li>Detailed listing pages with booking forms, pricing menus, and reviews</li></ul>Advanced Filtering System<ul><li>Dual-handle price range slider</li><li>Category selection with checkboxes</li><li>Distance radius selection</li><li>Sorting options</li><li>Mobile-friendly filter drawer</li></ul>Admin Dashboard<ul><li>Statistics dashboard with chart visualizations</li><li>Wallet and earnings tracking</li><li>Booking management tables</li><li>Reviews with ratings breakdown</li><li>Messaging center with chat interface</li><li>Multi-section listing creation form</li><li>Bookmarks management</li><li>Profile and settings management</li></ul>Theme SystemSupports system-wide dark and light themes with localStorage persistence. Theme changes affect all UI components including map styles. Uses dynamic CSS injection for layout-specific styling.Homepage Variants<ul><li>Home Main</li><li>Home Classic</li><li>Home Rounded</li><li>Home Map</li><li>Home Grid</li><li>Home Waves</li><li>Home Car</li><li>Home Restaurant</li></ul>Technology Stack<ul><li>Frontend Framework:React 19</li><li>Build Tool:Vite 7</li><li>State Management:Redux Toolkit</li><li>Routing:React Router 7</li><li>Styling:Bootstrap 5, Tailwind CSS 4</li><li>Maps:Google Maps API</li><li>Charts:ApexCharts</li><li>Animations:Framer Motion</li><li>Forms:Formik with Yup validation</li><li>Tables:TanStack React Table</li><li>Carousels:Swiper, React Slick</li></ul>Project Structure<ul><li>/src/components — UI components organized by feature</li><li>/src/features — Redux slices (chat, navbar, filters, map)</li><li>/src/layouts — Layout components (FooterLayout, DashLayout, etc.)</li><li>/src/services — Utilities and custom hooks</li><li>/src/utils — Helper functions</li><li>/src/assets — CSS styles and SVG icon components</li></ul>Pages OverviewPublic Pages<ul><li>8 homepage variants</li><li>Listing pages (grid, list, map, detail)</li><li>About (2 variants)</li><li>Agent and agent detail pages</li><li>Blog pages (6 variants)</li><li>Contact, Pricing, FAQ</li><li>Authentication pages</li><li>Terms and Style guide</li></ul>Dashboard Pages<ul><li>Dashboard home</li><li>Add listing</li><li>Wallet & earnings</li><li>Messages</li><li>My listings</li><li>Bookmarks</li><li>Reviews</li><li>Bookings</li><li>Profile editing</li><li>Application settings</li></ul>SummaryListOn contains 50+ React components across 40+ pages, providing a complete solution for building a business directory platform. The codebase is fully responsive and follows a modular architecture with clear separation between features, layouts, and utilities.

Liston - Directory and Listing React Template