mathnimatics

Inspiration

Our team was inspired by the YouTube channel, 3blue1brown. Some mathematic concepts can be especially difficult to grasp. We believe by leveraging animations, we can make mathematic concepts easier to understand. Additionally, we decided to make our project fully open-source so the community can contribute by adding their own animations/explanations.

What it does

Our web application explains a myriad of mathematic concepts with the help of animations. Our goal is to make mathematic concepts easy to visualize.

How we built it

Our team used Astro, AnimateJS, and a Github pipeline to create our proof-of-concept. We use Astro to handle the front-end and server routing. AnimateJS was essential to create our mathematic animations. Lastly, we leveraged Github for version control, but also for continuous integration for our project.

Challenges we ran into

First, our team came from different technical backgrounds; two of the members were new to web framework, Astro. Additionally, the entire team was new to AnimateJS, which had a steep learning curve.

Accomplishments that we're proud of

Our team did a great job splitting the workload -- Ryan and Manuel worked on the animations, while Justice completed the front-end. Additionally, we had great communication and used version control successfully to have a working minimum viable product. We are proud of the animations we were able to create in the short time that was allocated.

What we learned

We learned how to use AnimateJS and Astro.

What's next for mathnimatics

We would like to continue developing mathnimatics into something can be useful for students, teachers, and parents. Our vision is to have a vibrant community that can populate the repository with more mathematical animations/concepts.

Built With

• animatejs
• astro
• css3
• html5
• javascript