Inspiration
As a small business owner selling on TikTok Shop, I struggled to piece together data across product research, influencer partnerships, and finances—no single tool tied it all together. I wanted to build a platform that solved this pain point for fellow sellers, merging intuitive design with actionable analytics.
What it does
TikTokShop Analytics is a holistic platform for TikTok Shop sellers: research trending products, match with high-performing influencers, track campaign ROI, monitor inventory/logistics, and calculate product profitability—all with seamless, animated UX.
How we built it
I started by mapping core user workflows (e.g., profit calculation, influencer vetting) then built the frontend with React and TailwindCSS, using Framer-Motion for smooth animations. Chart.js handled data visualization, while Node.js/Express powered backend logic (e.g., ROI/profit formulas: $\text{ROI} = \frac{\text{Revenue - Total Cost}}{\text{Total Cost}} \times 100\%$). MongoDB stored product/influencer data, hosted on AWS for scalability.
Challenges we ran into
Syncing real-time animation triggers with dynamic data updates was tricky—charts often lagged when filters changed. I resolved this by optimizing state management in React and adding skeleton loaders for slow data fetching. Also, balancing visual flair (animations) with performance took iteration to avoid lag on lower-end devices.
Accomplishments that we're proud of
Creating a platform where every interaction (hover effects, data updates, exports) feels smooth and intuitive—no clunky transitions. The profit calculator and ROI dashboard have already helped test users make faster sourcing/promotion decisions.
What we learned
Prioritizing performance alongside design is critical for e-commerce tools—sellers need speed and clarity. I also learned how to translate complex financial formulas ($\text{Net Profit} = \text{Gross Profit} - \text{Ad Spend} - \text{Shipping Fee} - \text{Platform Commission}$) into user-friendly, auto-calculating interfaces.
What's next for this project
Add user authentication for personalized dashboards, integrate real TikTok Shop API data, build a mobile-responsive version, and add automated influencer outreach tools. I also plan to expand category filters and add predictive analytics for sales trends.
Log in or sign up for Devpost to join the conversation.