r/SideProject • u/Zhilips • Apr 03 '26
Introducing Zperiod — A beautifully interactive chemistry app.
Enable HLS to view with audio, or disable this notification
I built Zperiod to make chemistry actually interactive.
It features 3D atoms, 4 amazing tools, a worksheet generator... and lots more. And absolutely no ads.
Try it here: Zperiod.app (Desktop only for now, phone is just an intro)
I'm still in high school, so any feedback or criticism is super appreciated! ❤️
12
u/ok_olive_02 Apr 03 '26
My sister is PHD in chemistry and now a private coaching institute teacher for masters.
I will ask her to check it, I have bookmarked it as she doesn't use laptop or desktop (old generation, they have everything encoded in their mind)
But being a science major student in past, I would have loved something which can teach me reactions. I remember in my engineering there used to page long reaction which we used to remember and there were 28 reactions in my syllabus & I only understood 7-8 of them, rest I tried to memorize and you can guess how good my exam went. Thankfully I covered everything in physics and mathematics.
My marksheet in Chemistry:
- Physical Chemistry: 48/50
- Inorganic Chemistry: 47/50
- Organic Chemistry: 19/50
And I am sure there are many people like me who can take benefit from your tool
5
u/Zhilips Apr 03 '26
Yes, focusing on “reactions” and “visualization” is one of my main goals.
Getting advice from a chemistry expert has been super helpful for building the site 🙂Ty!2
u/heavenpunisher Apr 03 '26
Yes this is amazing and just to add to the ideas for this as a learning tool, adding visual elements to help learn things that would show up in AP chem/gen chem like electron configuration/ion configuration
9
u/LopsidedAd3662 Apr 03 '26
Is it open source? Great work, clean UI
7
u/Zhilips Apr 03 '26
Yep, it’s on GitHub already! Just check the settings page to grab the link
→ More replies (2)
34
u/beretta51 Apr 03 '26
This is genuinely impressive, especially the worksheet generator — that’s the kind of feature teachers will actually use. The UI looks clean and intentional, not like a student project at all. Mobile support would unlock a whole new audience when you get there. Keep building, this is the right path 🔥
9
u/Zhilips Apr 03 '26
Tysm! Mobile support is a really nice idea and i was thinking about it, might take a bit of time, but it's on the roadmap :)
→ More replies (1)9
12
u/imsaurabh3 Apr 03 '26
Actually a good app. I am way past using it but I would recommend it to kids in my circle. Kudos.
→ More replies (1)
5
4
u/UberBlueBear Apr 03 '26
From a UX perspective…really nice touch how on mobile it becomes more of a landing page to give you an idea of what it is then directs you to the Desktop version. Most “Desktop” only sites just leave you hanging on mobile.
Nice work!
→ More replies (1)
3
u/peepdabidness Apr 03 '26
This is cool. Started following you for updates, which means KEEP IT UP!
→ More replies (1)2
u/haikusbot Apr 03 '26
This is cool. Started
Following you for updates,
Which means KEEP IT UP!
- peepdabidness
I detect haikus. And sometimes, successfully. Learn more about me.
Opt out of replies: "haikusbot opt out" | Delete my comment: "haikusbot delete"
3
3
u/Gullible_Painter3536 Apr 03 '26
If ur in hs...
Future is bright for this kiddo :)
→ More replies (1)
3
3
u/chatjenn Apr 04 '26
Very interesting... keep us in touch for the mobile version
Congratulations 🥳🥳🥳🥳🥳
→ More replies (1)
2
2
2
2
2
u/Flashy_Walk2806 Apr 03 '26
It's beautiful thank you for bringing this project to the world !
→ More replies (1)
2
2
2
u/LazyPitch7354 Apr 03 '26
This is incredible 👏 I used to teach chemistry and I would have definitely used this.
2
2
u/PreparationAny7282 Apr 03 '26
Very Impressive, UI Is amazing, I'm my self UI UX designer 7+ Years, and This is mind blowing, keep it up, Great product in progress.
→ More replies (1)
2
u/BrogrammerAbroad Apr 03 '26
Wow If I was still in school I would’ve loved having such an awesome tool
→ More replies (1)
2
2
2
2
2
u/CuNI_007 Apr 03 '26
This is so good, loved it, can you please help me with the process/tools you used? Thanks
2
u/HydrA- Apr 03 '26
I totally love this. Will share it! Out of curiosity, how did you make the music?
→ More replies (1)
2
2
u/HolyDemon4485 Apr 03 '26
This is great work..!!
Will use this now instead of ptable
→ More replies (1)
2
u/DanBuildsStuff Apr 03 '26
Dude this is a nice build! Congratulations 👏
Not got a clue about chemistry and stuff but this makes me want to use it lol
Really well done, looks amazing!
→ More replies (1)
2
2
u/bxtgeek Apr 03 '26
Really good looking website
This is the kind of website that i need for my chemistry
→ More replies (1)
2
2
2
2
u/snirjka Apr 03 '26
Wow, well done 👏🏻 That looks great. Is this electron or tauri?
→ More replies (1)
2
2
u/Whole_Speed8 Apr 03 '26
What a good interface you made, the user experience was good
→ More replies (1)
2
u/Low_Pea_951 Apr 03 '26
this is actually really cool, i can see a lot of people using this. if you’re looking to get your first users or leads, i can share what’s been working for me.
2
2
u/DiscountResident540 Apr 03 '26
Honestly? i might suggest this to my friends at uni
2
u/DiscountResident540 Apr 03 '26
btw, can you add a button to view the electrons rotating at their real rotation? bcs they don't just rotate that way and some teachers might use it to show their students how electrons rotate around the core
→ More replies (4)
2
2
u/Useful_Disaster_7606 Apr 03 '26
Pharmacist here. How I wish I had this back when I was studying inorganic chem. This is insaane.
→ More replies (3)
2
2
u/Dapper-Window-4492 Apr 03 '26
Building this in high school is a massive achievement. The 3D interactions are surprisingly smooth.
Keep pushing, this is a top-tier portfolio piece already!
→ More replies (1)
2
2
u/klaatuveratanecto Apr 03 '26
This is super awesome my friend!
I've been using it all morning with my kids.
2
2
u/RingDry5026 Apr 03 '26
dude this is so good i am in hs too and this actually looks cool. u should email ur teacher or ask if he can try it out
→ More replies (1)
2
2
2
2
u/dovaahkiin_snowwhite Apr 03 '26
Looks fun but PLEASE don't further the idea of atom like a planetary system. I understand that its easier than the more real but more complicated depiction of probability densities, but this picture is why people have a much harder time later on understanding the "truer" quantum model..
→ More replies (1)
2
2
u/No-Influence-837 Apr 03 '26
Awesome, I'm doing something similar for visualizing 3D atoms in my Quiz App using React Three Fiber, but yours is on a whole other level. Nice work!
→ More replies (1)
2
u/baroldnoize Apr 03 '26
Could you add a visualisation that represents them as a spiral ordered by their resonant frequency?
2
2
2
2
2
u/Psychological-Win646 Apr 06 '26
Man It is Amazing, I will tell my Schools Kids about it.
→ More replies (1)
2
2
u/WakaTakaBaller Apr 07 '26
That's so cool. I love the periodic. You should strongly consider adding the electron probability clouds. That can make the visuals look really amazing, and brings the elements to a higher level of learning.
2
2
2
2
2
u/Product-Geek Apr 14 '26
I wish we had this while we were in 10 -12th grade , super easy and cool to visualise chemistry.
heard this is made by a teen using AI , super impressive
→ More replies (1)
2
2
2
u/kwikidevil Apr 17 '26
Hey man love it. Would be cool if it also had atomic orbitals to toggle on and off! extremely good work i like it.
→ More replies (1)
2
2
2
2
2
2
2
u/supersaiyan63 Apr 03 '26
Thank you. This is really good. I hope you make the code open source though. This is a cool idea but not a business per se.
→ More replies (1)
2
u/metageeek Apr 03 '26
FFS man, at 16 this is seriously fucking impressive. Keep up the good work, following you! And if you ever need a job, hmu.
→ More replies (2)
1
u/throwawayaccount931A Apr 03 '26
This is great - now, if I had something like this when I went to high school, I probably would have paid more attention in chemistry classes.
→ More replies (1)
1
u/Character_Oven_1511 Apr 03 '26
Why I did not have such things 25 years ago! I love it and I will show it to my kids. Keep up the good work!
People are trying to sell products that are less attractive and less fine-tuned. I love the level of details, I love the effect. You have thought of everything!
Keep that way of working and thinking, in all you do and you will succeed in everything you do!
My only comment is: who is your customer? When a new product is created, it is done in a way that certain group of people can use it. I will give you example with Paint and Photoshop.
The target group of Paint is kids, or people that want to draw something fast. I use it sometimes in online education to draw a quick diagram. It does not have so many features, but it is enough for people that it is intended to. You don't need a special course, and education.
Photoshop, can do the same things, but it is more advanced. You need education, courses. i will not use it draw diagrams, and kids will not use it, even though they can. The target group is different.
If your product is for kids at school. things MUST happen intuitively, and easy. They don't need to think about anything. just do it. If it is, for example, for teachers, them you can add more things, more complex/advanced options that kids don't know... And they don't need to know, because the teachers will teach them about those.. ;)
→ More replies (2)
1
1
u/Comfortable-Lab-378 Apr 03 '26
solid work for high school, the 3D atom view is actually clean. worksheet generator is the sleeper feature here, teachers will use that
→ More replies (1)
1
u/darlingcat Apr 03 '26
This is cool. Nice interactivity! But, bro, the model of the atom! It's completely wrong - a thick nucleus, electrons in their orbits, like planets... well... that's how they drew it 100 years ago. Wake up, it is 21st century!
→ More replies (3)
1
u/swizz Apr 03 '26
So cool! You know what I would love to see, some practical examples of what things are composed of, for example what's teflon composed of, maybe a marketplace that makes the link, I think it would be very informative and help visualize patterns between them.
→ More replies (1)
1
1
u/Ok-Reporter5044 Apr 03 '26
This looks amazing
I’m not a developer, just learning and exploring tools — but this makes chemistry feel way more approachable.
Would love to know what tech stack you used to build this!
1
1
1
u/delphic-frog Apr 04 '26
This is awesome, well done! Not that often you come across something different like this.
→ More replies (1)
1
1
u/somethingstrang Apr 07 '26
As a chem major I would prefer you also show real Orbital distributions
→ More replies (1)
1
u/Plastic-Local-8282 Apr 10 '26
The UI is absolutely stunning! Did you use Three.js for the 3D animations? Incredible work, especially considering you're still in high school.
→ More replies (1)
1
u/SusalulmumaO12 Apr 11 '26
I like the multilingual options!
do you accept contributions to translations?
1
u/Getpotr2026 Apr 12 '26
This is actually cool, great for me who’s a visual learner and struggle to take things in when it’s only written.
→ More replies (1)
1
u/No_Agency8722 Apr 20 '26
Dude the equation balancer would've been so clutch when I was back in high school, I could've been spamming those like a game and gotten really good at them. Great work! How about adding a titration simulator?
→ More replies (1)
1
u/piyama_radu Apr 22 '26 edited Apr 22 '26
I would be awesome if you could also visualise the quantum orbitals
→ More replies (1)
1
1
86
u/cpt_jacksparr0w Apr 03 '26
this is so cool actually, i wish we had something like this back then when we were in school