SafeGuard Africa — projecASW

Safety dashboard and reporting platform focused on child protection and community alerts across Central Africa.

Overview

SafeGuard Africa is a Next.js application that provides real-time incident monitoring, safe-route recommendations, and an alert reporting interface. The UI is built with React and Tailwind CSS and includes mapping and charting components for situational awareness.

Features

• Centralized safety dashboard with incident statistics and heatmaps
• Safe route recommendations with safety scores and nearby incident context
• Quick-report alert form with optional anonymous reporting
• Navigation for Admin, NGO Portal and Education resources

Tech stack

• Next.js
• React
• Tailwind CSS
• Radix UI primitives
• Leaflet / react-leaflet for maps
• Recharts for charts
• react-hook-form + Zod for form handling and validation

Live demo

• Live site: https://v0-child-safety-ecosystem.vercel.app/

Screenshots

Below are screenshots from the application (referenced from the repository root):

Local development

Recommended: use pnpm (project contains pnpm-lock.yaml). If you don't have it, you can use npm as a fallback.

Install dependencies:

pnpm install
# or
npm install

Run development server:

pnpm dev
# or
npm run dev

Build for production:

pnpm build
pnpm start
# or
npm run build
npm start

CI

A GitHub Actions workflow is included at .github/workflows/ci.yml that installs dependencies, runs linting, and builds the app on push / pull requests to main.

Contributing

Feel free to open issues or pull requests. For local code style, follow the existing lint script.

License

Choose a license and add it to the repository if you plan to publish this project.