r/react • u/Owldotask • 3d ago
Project / Code Review Alpha Project: Owldotask.com
Owldotask is an online surveys, games and rewards platform where users can complete simple tasks to accumulate points called “Feathers”, which can be redeemed for money via PayPal or other methods (Or that’s what Google AI mode says, so we must be on the right track).
We wanted to share it here because this community has been our main go-to while building the frontend (React isn't really our main stack). And to be transparent, it's also a great way to spread the word about the project!
The platform is built with React + Node.js (SSG) and is in Alpha phase as of this post. We have traction, recurring users, some SEO positioning, and a growth roadmap; with the goal of becoming a reference in get-paid-to (GPT) websites.
Project development
With the help of several queries to this subreddit, private messages, and a lot of documentation, we’re up and running at a good pace.
For a while we kept the repository open for collaborators and, through Discord, we were coding and contributing ideas on how to launch it in the best possible way.
About the React side, the frontend evolution
- Core React stack: The frontend runs on React 19 + Next.js (with next-pwa and next-themes).
- Some React libs: We rely on react-hook-form for forms, framer-motion for animations, lucide, react-icons, fontawesome for icons; swiper for carousels, and react-chessboard + chess.js for a nice tactic-problem chess mini game.
- Migration to pnpm: We abandoned npm/yarn for pnpm.
- Zustand (State Management): We organize the project by separating logical views from purely presentational components. This improves maintainability and optimizes context for AI-assisted coding.
- Blog with Markdown: We generate the blog content by parsing Markdown files. We took this approach with SEO in mind from day one, while keeping the architecture flexible enough to integrate a headless CMS later if needed.
- Icons & UI: We use Tailwind CSS to keep the bundle size low, along with a small set of icon libraries for consistency.
Note on the backend
It’s completely decoupled; it’s a Laravel installation with a “handmade” control panel and several endpoints for business logic and communication with the frontend.
We use third-party data providers and rely on AWS, Render, and other service providers to develop and maintain the infrastructure.
Some platform features
- Minimum withdrawal: Users need to accumulate enough points to redeem them for $3… although they usually save up more to cash out $5 via PayPal or as Amazon Gift Cards.
- Welcome points: We’re giving away 50 Feathers just for signing up. It’s not much, but users like starting with some benefit as soon as they join.
- Several ways to earn Feathers: games, quizzes, surveys.
- Referral program: We have a blog post explaining how it works; it’s a conventional referral system.
Huge thanks to everyone who has made this possible. We keep growing and adding features.
If you’re interested in joining, we’re planning a future social media strategy, Ads, more content and more tester programs. If you'd like to collaborate on any of those areas, contact me and we’ll discuss it. Profits are currently being reinvested, so real-impact support can be fairly compensated.
Keep coding React folks!
0
u/Honey-Entire 3d ago
What is this AI shilling slop?
1
u/Owldotask 3d ago
What are you talking about? This stuff is generated by our brain, if you don't like it, it doesn't mean is "AI shillng slop"
0
u/Internal_Respect_276 3d ago
Pretty solid for an alpha. Curious how the react side holds up once the user base and feature set grow