The Pieces of Me

Inspiration

Our life experiences are like planets in the universe—some share common ground, while others have their own unique traits. I hope this app lets everyone revisit the moments that have shaped who they are today, and find a little comfort in their heart right now.

What it does

"Pieces of Me" is an interactive 3D galaxy visualization that serves as a digital memory capsule. Built with a cyberpunk aesthetic, it allows users to explore, collect, and preserve fragmented memories represented as orbiting planets. The application features a dynamic "Star Bottle" where collected memories are stored as glowing shards, allowing users to curate their own timeline of existence.

How we built it

I developed this app based on the "Build AI apps" feature of Google AI Studio, utilizing Gemini 3 Pro. All functions are performed through natural language dialogue. Gemini 3 Pro employs React components to implement relevant front-end pages, such as 3D rendering, particle surround, meteor animation, automatic adaptation for both desktop and mobile devices, automatic color change, gradient halo effects, etc. Additionally, some key features utilized include:

1. Automatic error correction during coding. During the development process, I encountered several errors. Gemini 3 Pro provides an automatic fix function. For example, the earliest screen background was a pure black image. I tried to add an image background with Gemini 3 Pro, but it generated an error right after starting. After letting it fix itself, I got a better-looking background effect.
2. Checkpoint restoration: Sometimes, the modified effect does not meet expectations. In this case, you can directly select "restore" from the previous checkpoint to immediately revert to the previous state.
3. Deployment error information: When deploying to the Vercel platform, a black screen or white screen often appears. Simply copy the error information from the inspection page to Gemini 3 Pro, and it will automatically inspect and modify the code. Without requiring me to inspect the code line by line, the deployment is finally successful.
4. Description of suggestions: Gemini 3 Pro provides some suggestions for the current app functions, similar to the functions in this app such as saving and adding image backgrounds.

Challenges we ran into

I have no experience in front-end development at all, but with the help of Google AI Studio, I can fully engage in interactive development through natural language.

Accomplishments that we're proud of

Successfully developed and deployed an interactive front-end page in one day. Memory is a fascinating topic, and I hope this app can help alleviate people's daily stress, and even become a form of social interaction in the future.

What we learned

I learned how to successfully develop a frontend app based on Google AI Studio，especially Gemini3 cannot handle all requirements at once; it requires step-by-step interaction to refine the final effect.

What's next for The Pieces of Me

We aim to evolve it into a social platform built around our shared precious experiences, creating a system for memory resonance—where the same memories spark endless possibilities for connection.

Built With

• gemini3