We all know how thought to under and the complex and difficult structures in the chemistry. And we all have experienced online classes are monotonous, the concept taught is not retrainable and practical are most important for subjects like chemistry, etc which require physical practice and visualization.
The site is deployed through Vercel, which you can view from here
CLick here to view the demo.
We all know how thought to under and the complex and difficult structures in chemistry. And we all have experienced online classes are monotonous, the concept taught is not retrainable and practical are most important for subjects like chemistry, etc which require physical practice and visualization.
Chem Learn is an AR-based web platform where students come across and learn about various complex chemical structures. Learn with the help of interactive 3D Models and AR. Chem Learn can help students achieve better results through visualization and full immersion in the subject matter.
- React Js: For the frontend
- TypeScript: Frontend using React Typescript
- Firebase: For user authentication and database
- Three Js: For rendering 3D Models
- Tailwind CSS: For styling
The biggest challenge was to rendering the 3D model and adding AR functionality to them, which I overcome using three js and echoAR.
Completing the project under the given time frame
Working with three js and using echoAR
- Add Virtual Reality (VR) functionality
- Add more subjects and Customized 3D models
3D Models: sketchfab.com
Required to install and run the software:
From the project folder, run these commands in console (terminal) to install dependencies and run the app:
npm install
npm start
Home page
Chemical Structure list
DNA Chemical Structure
AR in Action
Click on the 3D models to explore more
Glucose Chemical Structure
Chatroom
Feel free to open an issue on GitHub if you find any bug.
Feel free to Open an issue on GitHub to request any additional features you might need for your use case.
This software is open-source, licensed under the MIT License.
