Logo Lanfrica

MohamedNoorA/nofi-impact-platform-

Domaine:

peace and security

Type de record:

software
Créateur:
Moh
Hôte:
The NOFI Impact Platform is a modern, high-performance web application designed for NOFI (Northern Frontier Initiative), a grassroots organization headquartered in Mandera, Northern Kenya. # NOFI Impact Platform (Northern Frontier Initiative) The **NOFI Impact Platform** is a modern, high-performance web application designed for **NOFI** (Northern Frontier Initiative), a grassroots organization headquartered in Mandera, Northern Kenya. NOFI is dedicated to advancing justice, gender equality (ending FGM & child marriage), climate resilience, girls' education, adolescent SRHR, and cross-border peace diplomacy across Northern Kenya and tri-border pastoralist communities (Kenya, Ethiopia, Somalia). --- ## 🚀 Quick Start ### Prerequisites - **Node.js**: v16.x or higher - **npm**: v8.x or higher ### Installation 1. **Clone the repository:** ```bash git clone github.com cd teach-me ``` 2. **Install dependencies:** ```bash npm install ``` 3. **Start the development server:** ```bash npm run dev ``` Open `localhost` in your browser. 4. **Build for production:** ```bash npm run build ``` 5. **Preview production build:** ```bash npm run preview ``` --- ## 🛠️ Technology Stack | Layer | Technology | |---|---| | **Framework & UI** | React 18 (Vite build tool) | | **Routing** | React Router DOM v6 | | **Styling** | Tailwind CSS v3, PostCSS, Autoprefixer | | **Animations** | Framer Motion v10 | | **Icons** | Lucide React | | **Interactive UI** | Headless UI React | | **Mapping & Geospatial** | Leaflet & React-Leaflet | | **Typography** | Google Fonts (Playfair Display & Nunito Sans) | --- ## 📁 Project Structure ```text teach-me/ ├── index.html # Entry HTML document with font imports ├── vite.config.js # Vite configuration ├── tailwind.config.js # Custom Tailwind design system & color palette ├── postcss.config.js # PostCSS configuration ├── package.json # Project metadata, dependencies, scripts ├── public/ # Static assets (images, logos, maps) └── src/ ├── main.jsx # Application root mounting script ├── App.jsx …