ezekieltemitope/local-eats-africa

React‑based web app connecting users to authentic African eateries and food experiences. # Local Eats Africa A responsive food vendor discovery application built for the Local Eats Africa frontend assessment. The application retrieves vendor information from the provided API and allows users to search, filter, sort, and explore local food vendors through a clean and responsive interface. ## Live Demo Local Eats Africa ## GitHub Repository View the source code ## Features - Fetches vendor data from the Local Eats Africa API - Vendor data is retrieved dynamically rather than hardcoded - Responsive vendor card grid - Search vendors by name or category - Filter vendors by cuisine/category - Filter by open vendors - Filter by minimum rating - Combine multiple filters - Sort by: - Highest rating - Lowest delivery fee - Fastest delivery - Loading skeleton state - API error state with retry functionality - Empty results state with clear filters functionality - Responsive navigation with Bootstrap's mobile menu - Image fallback when a vendor image is unavailable - Accessible form labels and descriptive image text ## Technologies ### Framework - React 19 - Vite ### Styling - Bootstrap 5.3 - Custom CSS ### Libraries & Tools - Lucide React — interface icons - ESLint — code quality and linting - pnpm — package management - Git & GitHub — version control - Vercel — deployment ## API Vendor data is retrieved from the Local Eats Africa frontend assessment API: `localeats.africa` The application validates the API response before using the returned vendor data. Vendor records are not hardcoded into the application. ## Getting Started ### Prerequisites Make sure you have Node.js and pnpm installed. ### Installation Clone the repository and navigate into the project directory: ```bash git clone github.com cd local-eats-africa ``` Install dependencies: ```bash pnpm install ``` ### Start the development server ```bash pnpm dev ``` The application will be a …