ZIMSEC O-Level Mathematics Interactive Guide 📚

---

Introduction

This repository contains the front-end code for an interactive web application designed to help students revise for their ZIMSEC O-Level Mathematics examination. The app provides over 170 interactive components covering a wide range of topics from Forms 1 to 4, making revision engaging and effective. The application is completely free to use. 💡

Open Application

Features ✨

• Comprehensive Topic Coverage: Explore key mathematical concepts including Real Numbers, Sets, Financial Mathematics, Measures and Mensuration, Graphs, Variation, Algebra, Geometry, Statistics, Trigonometry, Vectors, Matrices, Transformation, and Probability. ➕➖✖️➗

• Interactive Learning Sections: Engage with over 170 interactive components designed to enhance understanding and retention. 🧠

• Dynamic Topic Display: The landing page dynamically cycles through various mathematics topics, giving users a quick overview of the syllabus covered. 🔄

• Neubrutalism UI Design: A distinctive and modern user interface inspired by the neubrutalism design trend, featuring bold colors, strong borders, and prominent shadows. 🎨

• Responsive Layout: Optimized for seamless viewing and interaction across all devices, from mobile phones to desktop computers. 📱💻

• Visual Screenshots: The landing page showcases multiple mobile-aspect-ratio screenshots, providing a glimpse into the app's interactive sections. 📸

---

PWA & Offline Capabilities 🚀

This application is built as a Progressive Web App (PWA), offering a native app-like experience directly from your browser.

• Offline Access: Once downloaded, the app works offline, allowing you to continue your revision even without an internet connection. All core content and interactive features are available. ✈️

• Installable to Homescreen: Users can download and install this web app directly to their device's homescreen (on supported browsers and operating systems), providing quick access just like a native application. Look for an "Add to Home Screen" or "Install App" prompt in your browser's menu. 📲

---

Technologies Used 🛠️

• React: A JavaScript library for building user interfaces. ⚛️

• Tailwind CSS: A utility-first CSS framework for rapidly building custom designs. 💨

• Lucide React: A collection of open-source icons for React applications. ✨

---

Setup and Installation ⚙️

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (LTS version recommended)

• npm or Yarn

Installation

1. Clone the repository:

   git clone [https://github.com/your-username/zimsec-math-guide.git](https://github.com/your-username/zimsec-math-guide.git)
   cd zimsec-math-guide

2. Install dependencies:

   npm install
   # or
   yarn install

3. Run the development server:

   npm start
   # or
   yarn start

   The application will open in your browser at http://localhost:3000. 🌐

---

Usage 📖

Navigate through the topics list to access interactive sections for each mathematical concept. The app is designed for self-paced learning and revision. 🧑‍🎓

---

Contributing 🤝

Contributions are welcome! If you have suggestions for improvements or new features, please open an issue or submit a pull request. 💖

---