iSPEAK Language Learning Program - Next.js application for connecting children with indigenous African language speakers
# β οΈ DEVELOPMENT VERSION - DO NOT USE FOR PRODUCTION β οΈ
# iSPEAK Language Learning Program - Next.js App
**This repository contains development artifacts and test data. A clean production repository will be created separately.**
This is a Next.js application for the iSPEAK Language Learning Program, connecting children ages 3-14 with indigenous African language speakers.
## π Getting Started
### Prerequisites
- Node.js 18.0 or later
- npm or yarn package manager
### Installation
1. Navigate to the project directory:
```bash
cd /Users/mac/Downloads/kfar-final/ispeak-nextjs
```
2. Install dependencies:
```bash
npm install
# or
yarn install
```
### Running the Development Server
```bash
npm run dev
# or
yarn dev
```
The app will be available at
localhost
### Building for Production
```bash
npm run build
npm start
# or
yarn build
yarn start
```
## π Project Structure
```
ispeak-nextjs/
βββ app/ # Next.js 13+ App Router
β βββ layout.js # Root layout
β βββ page.js # Homepage
β βββ globals.css # Global styles
βββ components/ # React components
β βββ Navigation.js # Header navigation
β βββ HeroSection.js # Hero banner
β βββ Footer.js # Footer component
βββ public/ # Static assets
βββ tailwind.config.js # Tailwind CSS config
βββ next.config.js # Next.js config
βββ package.json # Dependencies
```
## π¨ Features
- Responsive design with Tailwind CSS
- Mobile-friendly navigation
- Interactive dropdowns
- Font Awesome icons
- Custom animations
- Optimized images
## π Environment
The app is configured to run on:
- **Development**:
localhost
- **Production**:
ispeak-app-prod.vercel.app
## π Available Scripts
- `npm run dev` - Run development server
- `npm run build` - Build for production
- `npm start` - Start production server
- `npm run lint` - Run ESLint
## π Deployment Status
Last updated: July 28, 2025 β¦