Aura Stacks Library 3D

• 

  The first thing you will see when you open the link.

• 

  You could add or rename shelfs.

• 

  *Uploading a book*

• 

  *Book after it's uploaded*

• 

  *Reading a book*

Who I am

I’m an 11th grade student who is interested in innovation and building new things. I’m still a beginner in coding, but I’ve learned that coding is a powerful way to turn my ideas into working projects. I enjoy experimenting, learning by doing, and solving problems creatively, even if I don’t have a lot of experience yet.

The Problem I’m Addressing

I’ve always wanted to open a public library so people could easily access books. But as a teenager, it'll be hard to build a real library right now. Also, many people don’t have easy access to physical libraries, and digital books are hard to organize. I wanted to solve this by creating a more interactive and organized way to read and organize books online.

(I wasn’t able to explain this part clearly in the video because of time limits, so I’m sharing it here in the description.)

Inspiration

I’ve always wanted to open my own public library, but since I’m still a teenager, that’s not possible right now. So I decided to make a virtual library instead, something anyone can use anytime, anywhere.

What it does

Aura Stacks Library 3D is a virtual library where you can upload book PDFs and place them on shelves. When you move your mouse over a book, it lights up. There’s a built-in PDF reader so you can zoom in and scroll through pages. You also get a search bar, tools to organize shelves, and the library grows as you add more books. It’s mainly for PDFs, but you can use other files too. Main features are: Uploading PDFs Editing and organizing shelves Full PDF reader Shelves that expand automatically

How I built it

I used some TypeScript and CSS to fix bugs. Lovable helped with most of the setup. Three.js handles the 3D parts. I chose a dark, clean style with soft lighting.

Challenges I ran into

Getting PDFs to load inside the 3D library was the hardest part. I also had to fix build errors with the PDF viewer and make sure the right PDF links opened every time.

Accomplishments that I'm proud of

I solved the PDF problem by making a separate reader page with its own frame. I’m proud that the 3D library feels easy to use and works well even on small screens or for people who aren’t very tech-savvy.

What I learned

I learned how to connect a 3D environment with real tools, and how important good design is if you want people to enjoy using something. I also got better at fixing tricky build problems without breaking other parts. I realized you can be creative with coding, even if you can’t build something in real life. And you don’t have to be an adult to make something big and polished.

What's next for Aura Stacks Library 3D

I want to make this more than just a personal library. I plan to add private and public libraries, so you can keep your own collection or share it with others. The idea is that you could walk around someone else’s library, see what they’ve uploaded, and discover new books. I also want to add AR, so you can place your virtual shelves in your real room and look at your books in real space. That way, you could open your library anywhere without needing the full 3D setup.

Built With

• css
• lovable
• three.js
• typescript