This is a submission for the DevCycle Feature Flag Challenge: Feature Flag Funhouse
What I Built
I built a Next.js app for a hypothetical startup called Tea Loop.
Context: Tea Loop is starting to offer tea based products, they started with 6 different tea flavor (Honey Lavender, Raspberry Mint, Peach, Pomegranate, Rose & Lavender and Black Tea Lemon), they don't know which is more appealing to their audience, that's why they decided to show a different flavor every time a user visit their site, to measure their interest, they would track every time a user clicks on the CTA (the button that says "Get it! $12.00"), of that way they can find out which flavor is more appealing and use that flavor for advertisement before they invest money in it.
Demo
Live Preview: https://tea-loop-next-js.vercel.app/
Stats page: https://tea-loop-next-js.vercel.app/stats
Variants generated at a random distribution with DevCycle and applied every time the page is refreshed:
Results from the DevCycle dashboard:
Results from the stats page (using the API):
My Code
Repo: https://github.com/schemetastic/tea-loop-next-js
My DevCycle Experience
Personally I don't have that much experience working on moving-forward features, but I like marketing, so I knew that DevCycle was going to be a great tool for marketing, and personally, I believe that it should highlight a bit more it's marketing capabilities to their possible customers because people tend to be very focused on results. I like that they offer a wide range of possibilities and adaptations for different technologies.
I experienced a few bugs (apparently) and some difficulties to understand the documentation and how to implement it, but I received a great customer support through Discord (Shout out to Leslie and the DevCycle team for their amazing support and patience!), and that was crucial for me to finish the MVP of the project. Overall, I think that has a lot of potential as a tool.
Additional Prize Categories
As mentioned above, I did use the API to obtain the metrics as seen in the stats page:
https://tea-loop-next-js.vercel.app/stats
Changes may take between 5-10 minutes to update
Other notes: Some images were generated with AI by Flux; The repo is licensed under the MIT License, but it includes more license info for third party content; Results in total or partially where generated by me by clicking on the CTA button.
Top comments (0)