Inspiration
Classes are going online, and it becomes hard for hard to visualize physics' nature (especially the mechanics part). So we've created a physics lab to create physics-based simulations.
What it does
Virtual Physics Lab basically creates simulations of physics activities depicting real-world nature, with adjustable different properties over several important concepts of physics to make it learn by fun.
How we built it
We used react to make the front-end application and used the matter-js library (a really cool library, must explore) for the physics engine in the web-application. We use html/css along with material-ui to make a modern, responsive and beautiful website.
Challenges we ran into
Especially in creating tweakable physics properties, it became complicated for us to implement. And even after implementation, the performance of the website decreased drastically. Fortunately, we found a feasible solution in the end hours by removing the EventListner function while unmounting react components.
Accomplishments that we're proud of
The end product is a project with beholding UI/UX and a bug-free and responsive application that perfectly does its job.
What we learned
React hooks, UI/UX combinations, and several ReactJs libraries.
What's next for Virtual Physics Lab
Introducing new concepts of Physics (including electrostatics and currents) and more functionality to the website.
Built With
- html-caa
- material-ui
- matter.js
- react
Log in or sign up for Devpost to join the conversation.