Litera

📝 Usage

You can try out Litera at litera.cf. Make your own account or just use ours:

• Username: rgbhack
• Password: rgbhack

💡 Inspiration

We wanted to address the general lack of visual-based learning tools in our textbook education system.

🚀 What it does

Litera displays an object in augmented reality and the user (probably a young child) has to type out what the object is.

🛠 How we built it

We developed Litera in TypeScript using Node.js. The augmented reality is handled by EchoAR. Custom 3D models were created in Tinkercad and then exported as GLB files for EchoAR.

🧪 Challenges we ran into

• 3D models weren't being rendered
• 3D models had no color
• Responsiveness & Mobile compatibility
• Git merge conflicts

🏅 Accomplishments that we're proud of

This was our team's first augmented reality project and we think it went really well. We see the value of augmented reality and hope to do more AR projects in the future.

🧠 What we learned

We learned a lot about AR and 3D modeling. Additionally we learned how to use Node.js and Typescript.

🎓 What's next for Litera

• Redo frontend with React to use the virtual DOM
• Add more objects/words
• Make a Litera mobile app
• Dynamic model adding

Note: two of our members were not able to record their part of the voice over for the video due to audio issues, so we just had the other two members take over for them.

Built With

• echoar
• express.js
• javascript
• node.js
• typescript