ilaekrivine9/School-box-Africa-volunteers
Domaine:
educationType de record:
software
Créateur:
ila
Hôte:
# School Box Africa - Volunteer Portal
A clean, single-page volunteer signup portal for School Box Africa — an education technology startup building AI-powered shipping container learning labs across Africa to deliver vocational courses in agriculture, electrics, basic engineering, and more.
## Features
- **Volunteer Application Form** — Collects full name, skills & experience, preferred contact method, and portfolio uploads
- **Contact Method Selection** — Volunteers choose between Email or WhatsApp; only the selected method is stored
- **Portfolio Uploads** — Support for PDF file uploads (drag & drop) and up to 3 URL links
- **Email Notifications** — Form submissions are sent to `schoolboxafrica@gmail.com` via Formspree
- **Responsive Design** — Works beautifully on mobile, tablet, and desktop
- **Accessible** — Proper labels, focus states, and ARIA attributes throughout
## Tech Stack
- React + TypeScript + Vite
- Tailwind CSS for styling
- shadcn/ui components
- GSAP for entrance animations
- Lucide React for icons
- Formspree for form submission & email notifications
## Getting Started
### Prerequisites
- Node.js 18+ and npm
### Installation
```bash
# Clone the repository
git clone github.com
cd sba-volunteer-portal
# Install dependencies
npm install
# Start the development server
npm run dev
```
The app will be available at `localhost`.
### Building for Production
```bash
npm run build
```
The built files will be in the `dist/` directory.
## Email Setup
This project uses Formspree to handle form submissions and send email notifications.
1. Create a free account at formspree.io
2. Create a new form
3. Replace the `FORMSPREE_ENDPOINT` in `src/App.tsx` with your form's endpoint URL
4. Update the form's notification email to `schoolboxafrica@gmail.com` in your Formspree dashboard
The free tier includes 50 submissions per month.
## Customization
### Colors
The brand colors are define …