Apichain-Kenya/Apichain-Frontend

# ApiChain (Frontend) **ApiChain** is a blockchain-based traceability system designed to ensure the integrity and transparency of the honey supply chain. This repository contains the mobile-first React frontend, built with **Vite** for high performance and **i18next** for multi-language support (English and Swahili). ## Tech Stack * **Framework:** React.js (Vite) * **Styling:** Modular CSS * **API Client:** Axios * **Localization:** i18next * **State Management:** React Hooks * **Routing:** React Router DOM v6 * **Icons:** React Icons (Remix Icon set) ## File Structure ```text src/ ├── api/ # Axios configurations and service calls ├── components/ # Reusable UI components (Buttons, Header, Footer) ├── features/ # Feature-specific logic and styles │ ├── auth/ # Login and Signup components │ ├── dashboard/ # Role-specific dashboards │ └── landing/ # Public landing page │ └── scan/ # QR code verification page ├── i18n/ # Translation files (English/Swahili) ├── images/ # Static assets and icons ├── App.jsx # Main routing and provider setup └── main.jsx # Entry point ``` ## Setup Before you begin, please ensure that the following prerequisites are installed: * Node.js (version 18.x or higher) * npm (Node Package Manager) Once installed, you should be all set to proceed with the following: ```bash # Clone the repository and enter the directory git clone github.com cd ApiChain/apichain-website # Install frontend dependencies npm install # Create environment file from example cp .env.example .env # Start the development server (Vite) npm run dev ```