Africa-Access-Water/afaw-website

Africa Access Water - Main Website # Africa Access Water - Main Website A React-based website for Africa Access Water (AFAW), an organization dedicated to empowering rural communities in Africa through solar-powered water infrastructure solutions. ## 🌍 About the Project Africa Access Water builds solar-powered water infrastructure to improve food security, income, and climate resilience across rural Africa. This website showcases their mission, projects, team, and provides donation capabilities. ## 🚀 Live View Live Website ## 🛠️ Technology Stack - **Frontend Framework**: React 19.1.0 - **Routing**: React Router DOM 7.7.0 - **SEO**: React Helmet 6.1.0 - **Styling**: Bootstrap 5 + Custom CSS/SCSS - **Build Tool**: Create React App - **Deployment**: Vercel ## 🏃‍♂️ Getting Started ### Prerequisites Make sure you have the following installed on your system: - **Node.js** (version 14.0 or higher) - **npm** (comes with Node.js) or **yarn** ### Installation 1. **Clone the repository** ```bash git clone github.com cd afaw-beta-website ``` 2. **Install dependencies** ```bash npm install ``` or ```bash yarn install ``` 3. **Start the development server** ```bash npm start ``` or ```bash yarn start ``` 4. **Open your browser** The application will automatically open at localhost ## 📜 Available Scripts - `npm start` - Runs the app in development mode - `npm run build` - Builds the app for production - `npm test` - Launches the test runner - `npm run eject` - Ejects from Create React App (⚠️ irreversible) ## 🎨 Key Features - **Responsive Design**: Mobile-first approach with Bootstrap integration - **SEO Optimized**: Meta tags and structured data using React Helmet - **Multi-page Navigation**: React Router for seamless page transitions - **Component-based Architecture**: Reusable React components - **Dynamic Content**: Data-driven content from JavaScript modules - **Performance Optimized**: Lazy loading and optimized assets # …