MohamedNoorA/nofi-impact-platform-
Domain:
peace and securityRecord type:
software
Creator:
Moh
Host:
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 …