water bottle

dripdrop

The next-gen water source.

Dripdrop is a next-generation water deployment system, built for speed, reliability, and simplicity. Some stand-out features:
  • Wonderfully crisp taste baked right in.
  • Long-lasting health benefits from a single sip.
  • Undeniable quality that roots from our superior technology.
  • No more headaches given dripdrop's paliative qualities.
  • Gloriously amusing in its brilliant duplicity.
  • Blazingly fast by utilizing powerful tools.
Dripdrop can seamlessly integrate into your home with a couple clicks by taking advantage of new web technologies.
Getting Started
You should have any sort of container that can be filled with water. Most kinds will suffice from plastic to metal, even paper!
Then, you can go to the store and buy some water for yourself!
If you have a water filter at home or are apathetic to health hazards, use the tap!
Dev Notes
Hi, it's Daniel! I'm just going to ramble on for a bit. This is all just a joke; I just made everything up for fun. The design for this website is completely inspired by Fresh's website even though I used the Next.js web framework instead lol. I think their developers also used tailwindcss which was interesting, but not that crazy because tailwind is epic. Also... I spent an exorbitant amount of time on react spring which was pretty frustrating because the `useChain` hook would not work, and all the animations would run simultaneously, and it was a huge mess. Oh... I forgot about dealing with the water bottle svg... that was a rollercoaster. Vercel is pretty nice when it comes to deploy projects like this. Very cool! Some maxims that have held up over this project: some K-pop songs are crazy fire, sleep is important, do not be coding late into the night, procrastination is bad, web development is hard. But at least, I finished this in less than 12 hours of work. Yay. 🔥 🔥 🔥
Counter
Here's the infamous React example of "reactive" state. Have at it!
3