FranzAfun/eraaxis-website

Official website for ERA AXIS Limited, a practical STEM and digital skills education company empowering African innovators. # ERA AXIS Official Website ## Overview This is the official public frontend for ERA AXIS, Ghana's practical STEM and digital skills education platform. The website presents programmes, the ERA Dev Board, partnerships, insights, gallery updates, and enrolment/dues pathways. Programmes, partners, insights, and gallery content are managed through the **EDOS admin Website module** (a separate internal repo) and served from its API — this site is a backend-driven frontend for that content, not a fully static site. Enrolment, dues, and contact submissions post to the same backend, which sends confirmation/notification emails. ## Tech Stack - React - Vite - Tailwind CSS - React Router - lucide-react - Netlify deployment ## Pages and Features - Responsive public marketing site - Homepage with hero, programme overview, partners, impact, insights, and CTA sections - About page - Programmes listing with detail routes (School STEM, Out-of-School Youth, Online Learning, ERA Digital Skills) - ERA Dev Board page - Partners page - Insights listing and insight detail pages - Gallery page - FAQ page - Contact page with an enquiry form that submits to the backend API (confirmation email to the sender, notification email to the internal team) - Enrolment & Dues hub - Programme Enrolment, Monthly Dues, and Student Chapter payment foundations - Custom 404 page - Branded route transition overlay and scroll-to-top behavior - Social links sourced from env in the footer ## Project Structure - src/pages: Route-level screens. - src/components: Reusable UI and shared layout pieces. - src/components/layout: Header, footer, and layout scaffolding. - src/components/home: Homepage-only sections. - src/components/sections: Reusable page sections (FAQ, gallery preview, etc.). - src/data: Static content data (FAQs, insights, partners, gallery). - src/assets: Images and brand assets. - src/styles: Theme variables and global styles. ## Local Setup ```bash npm install npm run dev npm run lint npm …