Table of Contents
MathSpace is an outer space-themed platform designed to make math fun and interactive for elementary school students. Kids embark on an intergalactic adventure while solving problems that include simple addition and subtraction, multi-digit addition (up to 3 digits), number comparisons with greater than or less than signs, and multiplication tables up to 12 x 12. The space-themed visuals and engaging challenges help create an enjoyable learning experience, making it perfect for young learners and teachers looking for a fun way to practice essential math skills.
The website is built using React.js for dynamic and interactive content, paired with Tailwind CSS for a sleek, responsive design. It is hosted on Netlify, ensuring quick load times and accessibility across all devices. This combination of modern web technologies makes MathSpace an efficient and user-friendly educational tool for both students and educators.
I implemented dynamic rendering logic in React.js to display the appropriate number of visual counters for both addition and multiplication problems. For multiplication, the counters were grouped together to reflect the concept of repeated addition, while for addition problems, I structured the counters into rows of 10, mimicking the visual representation of base-10 blocks used for teaching tens. Additionally, I integrated state management to track correct answers, ensuring that the lesson would automatically conclude once the designated number of questions had been answered correctly.
To get a local copy up and running follow these simple example steps.
- Clone the repo
git clone https://github.com/github_username/repo_name.git
- Install NPM packages
npm install
- Enter your API in
config.jsconst API_KEY = 'ENTER YOUR API';
- Change git remote url to avoid accidental pushes to base project
git remote set-url origin github_username/repo_name git remote -v # confirm the changes
Distributed under the MIT License. See LICENSE.txt for more information.