+ GoodTimes is a comprehensive social event discovery platform that bridges the gap between event-seekers and organizers through innovative referral systems, gamified engagement, and seamless event management. Built with scalability and user experience at its core, the platform transforms how people discover, attend, and organize social events while creating sustainable revenue streams through viral referral mechanisms.
+
- {/* Main Content Section */}
-
-
-
+ {/* Project Overview */}
+
+
+
-
- Revolutionizing how you discover events with Good Times
+
+ Project Overview
-
- Positioned Good Times as the go-to platform for event discovery, creating an intuitive experience that connects people with memorable experiences.
-
+ Social event discovery and networking apps have grown significantly, especially among Gen-Z and millennials. GoodTimes aims to tap into this momentum by adding gamification (referrals, ratings, exclusive tags) and simplifying how users discover and commit to social events.
+
+ Socially active individuals aged 18–35 interested in networking, music, fitness, and local events. Event planners and venues are the second audience, seeking efficient tools to reach new audiences and manage registrations.
+
-
- {/* Content with consistent left alignment */}
-
-
- {phase.description}
-
-
-
- {phase.details}
+
+
+ {challenge.title}
+
+
+ {challenge.description}
))}
-
-
+
+
+ {/* Solution Architecture */}
+
+
+ Solution Architecture
+
+
+
+
+
Technology Stack
+
+
+
+ Frontend: Flutter (iOS/Android)
+
+
+
+ Backend: Laravel (PHP)
+
+
+
+ Database: MySQL
+
+
+
+ Notifications: Firebase & Analytics
+
+
+
+ Payment: WebView-based integration
+
+
+
+
+
+
Architecture Highlights
+
+
+
+ Modular architecture with independent APIs per role
+
+
+
+ Event-based notification triggers
+
+
+
+ Wallet referral logic separate from transaction layer
+
+
+
+ Multi-tenancy admin view for role-based control
+
+
+
+
+
+
+
- {/* CTA Section */}
-
-
+ {/* Development Process */}
+
+
-
- Ready to Build Your Next Event Platform?
-
-
- Let's create an exceptional event discovery platform together. From concept to launch, we'll help you build a platform that connects people with unforgettable experiences.
-
-
-
+
+
+ {/* Results & Impact */}
+
+
+
+
+
+ Results & Impact
+
+
+ Comprehensive performance metrics demonstrating GoodTimes' success in social event discovery and community engagement.
+
+ "GoodTimes wouldn't be what it is without WDI's intuitive tech and top-notch planning. Their dedication to building for scale while also supporting daily product improvements is unmatched."
+
+
+
+
+ Matthew Weightman
+
+
+ Founder, GoodTimes
+
+
+
+
+
+
+
+ {/* CTA Section */}
+
+
+
+
+ Want to Build the Next Big Social Platform?
+
+
+ Let WDI help you turn your vision into an app that people love to use, with gamification, community features, and scalable architecture.
+
+
+
+
-
diff --git a/pages/RanOutOfProject.tsx b/pages/RanOutOfProject.tsx
index 8d2baaa..fba8ee5 100644
--- a/pages/RanOutOfProject.tsx
+++ b/pages/RanOutOfProject.tsx
@@ -1,136 +1,215 @@
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent } from "@/components/ui/card";
import { motion } from "framer-motion";
import {
- ArrowLeft,
- ExternalLink,
- Scan,
- Mic,
- Smartphone,
- Globe,
- ShoppingCart,
- Package,
- Target,
Activity,
+ ArrowLeft,
+ ArrowRight,
+ Bell,
+ Brain,
+ Calendar,
+ CheckCircle,
+ Cloud,
+ Code,
+ Database,
+ ExternalLink,
+ Globe,
+ Home,
+ Layers,
+ List,
+ Mic,
+ Monitor,
+ Palette,
+ RefreshCw,
+ Scan,
+ Server,
+ Share2,
+ ShoppingCart,
+ Smartphone,
Star,
- BarChart3,
+ Target,
+ Users,
+ Wrench,
+ Zap
} from "lucide-react";
-import { Navigation } from "../components/Navigation";
-import { Footer } from "../components/Footer";
-import { Button } from "../components/ui/button";
-import { GridPattern } from "../components/GridPattern";
-import { ImageWithFallback } from "../components/figma/ImageWithFallback";
import { navigateTo } from "../App";
-import ranOutOfImage from "../src/images/ranoutof.webp";
+import { Footer } from "../components/Footer";
+import { GridPattern } from "../components/GridPattern";
+import { Navigation } from "../components/Navigation";
+import { ImageWithFallback } from "../components/figma/ImageWithFallback";
+import { Button } from "../components/ui/button";
+import ranoutofLogo from "../src/images/ranoutof-logo.webp";
-const projectMetrics = [
- {
- icon: ,
- label: "Shopping Efficiency",
- value: "75%",
- description: "Improvement in shopping time",
- },
- {
- icon: ,
- label: "Inventory Accuracy",
- value: "95%",
- description: "Accurate product tracking",
- },
- {
- icon: ,
- label: "User Satisfaction",
- value: "4.8/5",
- description: "App store rating",
- },
+// Technology to icon mapping
+const getTechIcon = (tech: string) => {
+ const techIconMap: { [key: string]: React.ReactNode } = {
+ "React Native": ,
+ "Laravel": ,
+ "Node.js": ,
+ "MySQL": ,
+ "Firebase": ,
+ "PHP": ,
+ "JavaScript": ,
+ "TypeScript": ,
+ "REST API": ,
+ "WebSocket": ,
+ "Redux": ,
+ "PWA":
+ };
+
+ return techIconMap[tech] || ;
+};
+
+const projectDetails = {
+ title: "RanOutOf – Smart Grocery List & Inventory Management App",
+ subtitle: "A voice-enabled, reminder-rich, and collaborative grocery management app designed to simplify household planning and eliminate stockouts",
+ technologies: ["React Native", "Laravel", "Node.js", "MySQL", "Firebase"],
+ industries: ["Consumer Tech", "Retail Technology", "Productivity"],
+ duration: "15 weeks, October 2024 – January 2025",
+ teamSize: "4 developers, 2 designers, 1 QA, 1 PM",
+ platforms: ["Android", "iOS", "Admin Web Portal"]
+};
+
+const keyAchievements = [
+ { label: "Product Categories", value: "200+", description: "Comprehensive grocery taxonomy" },
+ { label: "List Sharing", value: "100%", description: "Real-time collaborative features" },
+ { label: "Smart Alerts", value: "24/7", description: "Inventory expiry reminders" }
];
-
-const keyFeatures = [
- {
- title: "Smart Barcode Scanning",
- description:
- "Advanced barcode recognition technology that instantly identifies products, adds them to shopping lists, and tracks inventory levels in real-time.",
- },
- {
- title: "Voice Command Integration",
- description:
- "Hands-free shopping list management with natural language processing, allowing users to add, remove, or modify items using voice commands.",
- },
- {
- title: "Intelligent Reminders",
- description:
- "AI-powered reminder system that learns user patterns and suggests optimal shopping times, product restocking, and deals based on consumption habits.",
- },
- {
- title: "Web-based Admin CMS",
- description:
- "Comprehensive content management system for Global Ease Solutions to manage product databases, user accounts, and analytics dashboards.",
- },
- {
- title: "Smart Shopping Lists",
- description:
- "Collaborative shopping lists with real-time synchronization across devices, smart categorization, and store layout optimization for efficient shopping.",
- },
- {
- title: "Pantry Management",
- description:
- "Digital inventory tracking with expiration date monitoring, automatic reorder suggestions, and waste reduction recommendations.",
- },
+const businessObjectives = [
+ "Build a grocery app with voice, barcode, and manual list entry",
+ "Provide household inventory and restocking reminders",
+ "Enable collaboration among users for shared lists",
+ "Design a modern, intuitive UI with reminders and category tagging"
];
-const processPhases = [
+const coreFeatures = [
{
- phase: "Phase 1",
- title: "Market Research & User Analysis",
- icon: ,
- description:
- "Comprehensive analysis of grocery shopping behaviors and pain points identification.",
- details:
- "Conducted extensive user research to understand shopping patterns, pain points in traditional grocery management, and opportunities for digital innovation. Analyzed competitor apps, studied barcode scanning technologies, and identified key features that would revolutionize the grocery shopping experience.",
+ title: "Smart List Builder",
+ description: "Add items via typing, voice commands, or barcode scanning with auto-suggestions",
+ icon:
},
+ {
+ title: "Inventory Tracking",
+ description: "Track home inventory, expiry dates, and get automated restocking alerts",
+ icon:
+ },
+ {
+ title: "Real-time Collaboration",
+ description: "Share lists with family members and sync updates instantly across devices",
+ icon:
+ },
+ {
+ title: "Voice Integration",
+ description: "Add items hands-free with voice commands and smart speech recognition",
+ icon:
+ },
+ {
+ title: "Barcode Scanner",
+ description: "Scan product barcodes for instant item recognition and inventory management",
+ icon:
+ },
+ {
+ title: "Smart Notifications",
+ description: "Intelligent reminders for expiring items and customizable notification settings",
+ icon:
+ }
+];
+
+const technicalChallenges = [
+ {
+ title: "Multi-Input Integration",
+ description: "Creating seamless integration between voice, barcode, and manual input methods",
+ icon:
+ },
+ {
+ title: "Real-time Synchronization",
+ description: "Ensuring instant list sharing and updates across multiple family members",
+ icon:
+ },
+ {
+ title: "Inventory Intelligence",
+ description: "Building smart expiration tracking and predictive restocking algorithms",
+ icon:
+ },
+ {
+ title: "Cross-platform Consistency",
+ description: "Maintaining identical user experience across iOS, Android, and web admin",
+ icon:
+ }
+];
+
+const developmentPhases = [
+ {
+ phase: "Research & Planning",
+ duration: "4 weeks",
+ description: "User research, market analysis, feature prioritization, and technical architecture",
+ icon:
+ },
+ {
+ phase: "UI/UX Design",
+ duration: "2 weeks",
+ description: "User interface design, prototyping, and user experience optimization",
+ icon:
+ },
+ {
+ phase: "Core Development",
+ duration: "6 weeks",
+ description: "Mobile app development, authentication, list builder, and basic inventory",
+ icon:
+ },
+ {
+ phase: "Advanced Features",
+ duration: "2 weeks",
+ description: "Voice integration, barcode scanning, collaboration features, and notifications",
+ icon:
+ },
+ {
+ phase: "Testing & QA",
+ duration: "1 week",
+ description: "Comprehensive testing, bug fixes, and performance optimization",
+ icon:
+ }
+];
+
+const resultsMetrics = [
+ { label: "Load Time", value: "<1.5s", description: "95% of screens load quickly" },
+ { label: "Crash-free Sessions", value: "99.9%", description: "Industry-leading stability" },
+ { label: "Feature Adoption", value: "70%", description: "Users adopt recurring lists" },
+ { label: "User Satisfaction", value: "4.8/5", description: "Average app store rating" },
+ { label: "Daily Active Users", value: "85%", description: "Strong user engagement" },
+ { label: "Inventory Accuracy", value: "92%", description: "Smart tracking precision" }
+];
+
+const technicalAchievements = [
+ "Voice recognition with 95% accuracy across multiple languages",
+ "Real-time synchronization with conflict resolution algorithms",
+ "Smart inventory prediction based on consumption patterns",
+ "Seamless barcode integration with 200+ product categories"
+];
+
+const lessonsLearned = {
+ worked: [
+ "User testing with real families improved collaboration features significantly",
+ "Voice input prototyping early helped refine speech recognition accuracy",
+ "Modular architecture enabled rapid feature additions and updates"
+ ],
+ improve: [
+ "Notification frequency personalization needed earlier implementation",
+ "Barcode database integration required more comprehensive planning",
+ "Family onboarding flow could benefit from interactive tutorials"
+ ]
+};
+
+const futureRoadmap = [
{
phase: "Phase 2",
- title: "Smart UX Design & Prototyping",
- icon: ,
- description:
- "Designed intuitive interfaces optimized for quick grocery management and scanning workflows.",
- details:
- "Created user-centric design system focusing on speed and efficiency. Developed prototypes for barcode scanning flows, voice command interfaces, and list management. Emphasized accessibility and ease of use for diverse user demographics including elderly users and busy families.",
+ features: ["AI-powered shopping list suggestions", "Store discount tracking integration", "Recipe-based automatic list generation"]
},
{
- phase: "Phase 3",
- title: "App Development & Scanning Integration",
- icon: ,
- description:
- "Built native mobile app with advanced barcode scanning and voice recognition capabilities.",
- details:
- "Developed cross-platform mobile application with optimized barcode scanning engine, integrated voice recognition APIs, and real-time synchronization. Implemented offline functionality, smart caching, and efficient data processing for smooth user experience even in poor network conditions.",
- },
- {
- phase: "Phase 4",
- title: "Web CMS Development",
- icon: ,
- description:
- "Created comprehensive web-based admin system for Global Ease Solutions management.",
- details:
- "Built robust content management system with role-based access control, analytics dashboards, product database management, and user account administration. Integrated reporting tools, automated backups, and scalable architecture to support growing user base.",
- },
- {
- phase: "Phase 5",
- title: "AI & Voice Integration",
- icon: ,
- description:
- "Implemented intelligent voice commands and AI-powered shopping assistance features.",
- details:
- "Integrated natural language processing for voice commands, developed AI algorithms for shopping pattern recognition, and implemented smart reminder systems. Added predictive analytics for inventory management and personalized shopping recommendations.",
- },
- {
- phase: "Phase 6",
- title: "Testing & Launch Optimization",
- icon: ,
- description:
- "Comprehensive testing, optimization, and successful app store launch.",
- details:
- "Conducted extensive QA testing including barcode accuracy tests, voice recognition validation, and performance optimization. Managed app store submissions, implemented analytics tracking, and established customer support systems for post-launch success.",
- },
+ phase: "Phase 3",
+ features: ["Voice command grocery planning with smart assistants", "Household budget tracking and spend reports", "Integration with grocery delivery services"]
+ }
];
export const RanOutOfProject = () => {
@@ -138,62 +217,49 @@ export const RanOutOfProject = () => {
- {/* Hero Section */}
-
+ {/* Section 1: Hero with Heading, Subheading, and Image */}
+
-
+
{/* Back Button */}
-
- {/* Content */}
+
+ {/* Content - Left Aligned */}
-
- Grocery Shopping Done{" "}
- Right
+
+
+ Case Study
+
+
+
+
+ {projectDetails.title}
-
- Smart grocery planning with intelligent automation
+
+ {projectDetails.subtitle}
-
-
- WDI developed a smart grocery planning app with barcode scanning, voice commands, reminders, and a web-based admin CMS for Global Ease Solutions.
-
+ RanOutOf is a mobile-first solution tailored for modern households that frequently forget or mismanage their grocery shopping. The app simplifies list-making, enables shared household planning, and manages pantry inventory using reminders, barcodes, and smart grouping features to eliminate stockouts and reduce food waste.
+
- {/* Main Content Section */}
-
-
-
+ {/* Project Overview */}
+
+
+
-
- Revolutionizing Grocery Management with Smart Technology
+
+ Project Overview
-
- Built RanOutOf as an intelligent grocery planning solution that combines barcode scanning, voice commands, and AI-powered reminders to transform how families manage their shopping and pantry inventory. The platform empowers users to shop smarter, waste less, and save time through innovative automation.
-
+ Frequent grocery stockouts, duplicate purchases, and poor inventory tracking are common problems for busy families. RanOutOf addresses this by digitizing list-building, enabling collaboration, and automatically reminding users about restocking needs.
+
+ Tech-savvy individuals and families (age 25–45) who want to simplify their grocery management and improve household planning through mobile convenience and collaborative features.
+
- Built with cutting-edge barcode recognition technology, advanced voice processing APIs, and intelligent AI algorithms for pattern recognition and predictive shopping recommendations.
-
-
-
-
-
-
- Advanced Scanning Engine
-
-
- High-accuracy barcode recognition with offline capability and instant product identification from comprehensive databases.
-
-
+
+
+
+
-
-
-
- Natural Language Processing
-
-
- Sophisticated voice recognition with context awareness for intuitive hands-free shopping list management.
-
-
+
+
+ {[...Array(5)].map((_, i) => (
+
+ ))}
+
+
-
-
-
- Predictive Analytics
-
-
- AI-powered consumption pattern analysis for intelligent restocking suggestions and waste reduction insights.
-
-
+
+ "WDI delivered a clean, powerful solution that has made grocery planning easier than ever. The list templates, reminders, and inventory alerts are game-changers for our users."
+
+
+
+
+ Rishabh Jain
+
+
+ Director, Global Ease Solutions Pty. Ltd.
+
+
{/* CTA Section */}
-
-
+
+
-
- Ready to Build Your Smart Consumer App?
-
-
- Let's create an innovative consumer application together. From barcode scanning to voice AI integration, we'll help you build an app that transforms everyday experiences through smart technology.
+
+ Want to build a smart, collaborative lifestyle app?
+
+
+ Partner with WDI to design solutions that streamline daily life with precision tech and intuitive design.
+
-
diff --git a/pages/TradersCircuitProject.tsx b/pages/TradersCircuitProject.tsx
index 3e77c3e..46cf508 100644
--- a/pages/TradersCircuitProject.tsx
+++ b/pages/TradersCircuitProject.tsx
@@ -1,103 +1,204 @@
+import { Badge } from "@/components/ui/badge";
+import { Card, CardContent } from "@/components/ui/card";
import { motion } from "framer-motion";
-import { ArrowLeft, ExternalLink, TrendingUp, DollarSign, BarChart3, Search, Figma, Zap, Shield, Settings, Rocket, Target, Activity, Users, Smartphone, Globe } from "lucide-react";
-import { Navigation } from "../components/Navigation";
-import { Footer } from "../components/Footer";
-import { Button } from "../components/ui/button";
-import { GridPattern } from "../components/GridPattern";
-import { ImageWithFallback } from "../components/figma/ImageWithFallback";
+import { Activity, ArrowLeft, ArrowRight, BarChart3, Brain, Building2, Calendar, CheckCircle, Clock, Cloud, Code, Database, ExternalLink, Globe, Layers, Monitor, RefreshCw, Server, Shield, Smartphone, Star, Target, TrendingUp, Users, Wrench, Zap } from "lucide-react";
import { navigateTo } from "../App";
-import tradersCircuitImage from "../src/images/traders-circuit.webp";
+import { Footer } from "../components/Footer";
+import { GridPattern } from "../components/GridPattern";
+import { Navigation } from "../components/Navigation";
+import { ImageWithFallback } from "../components/figma/ImageWithFallback";
+import { Button } from "../components/ui/button";
+import tradersCircuitLogo from "../src/images/traders-circuit-logo.webp";
-const projectMetrics = [
- {
- icon: ,
- label: "User Base Growth",
- value: "+300%",
- description: "Rapid growth in active users"
+// Technology to icon mapping
+const getTechIcon = (tech: string) => {
+ const techIconMap: { [key: string]: React.ReactNode } = {
+ "Flutter": ,
+ "React Native": ,
+ "React": ,
+ "Node.js": ,
+ "MongoDB": ,
+ "Firebase": ,
+ "WebSocket": ,
+ "Redux": ,
+ "TypeScript": ,
+ "JavaScript": ,
+ "AWS": ,
+ "Google Cloud": ,
+ "Azure": ,
+ "PostgreSQL": ,
+ "MySQL": ,
+ "Python": ,
+ "Java": ,
+ "Swift": ,
+ "Kotlin": ,
+ "Docker": ,
+ "Kubernetes": ,
+ "GraphQL": ,
+ "REST API": ,
+ "Express": ,
+ "Vue.js": ,
+ "Angular":
+ };
+
+ return techIconMap[tech] || ;
+};
+
+const projectDetails = {
+ title: "Traders Circuit – Stock Advisory & Trade Companion App",
+ subtitle: "A mobile-first advisory platform offering curated trade calls, real-time updates, and portfolio tracking to empower everyday traders",
+ technologies: ["Flutter", "Firebase", "Node.js"],
+ industries: ["Fintech", "Stock Market", "Retail Investment"],
+ duration: "6 months, February 2024 – August 2024",
+ teamSize: "5 developers, 2 designers, 1 PM",
+ platforms: ["Android", "iOS"]
+};
+
+const keyAchievements = [
+ { label: "Early Access Traders", value: "10K+", description: "Onboarded successfully" },
+ { label: "App Store Compliance", value: "100%", description: "First submission success" },
+ { label: "Screen Load Time", value: "<2s", description: "Across all devices" }
+];
+
+const businessObjectives = [
+ "Create a real-time, intuitive stock advisory experience",
+ "Enable tracking of trade performance and history",
+ "Launch with 90% feature parity within 6 months",
+ "Ensure <3s load time and 99.9% uptime for live market hours"
+];
+
+const coreFeatures = [
+ {
+ title: "Curated Trade Calls",
+ description: "Expert-curated 'Swing Trades' & 'Cash Trades' call cards with real-time updates",
+ icon:
},
- {
- icon: ,
- label: "App Downloads",
- value: "500K+",
- description: "Downloads across India"
+ {
+ title: "Performance Tracking",
+ description: "Real-time trade updates & exited positions tracking with performance metrics",
+ icon:
},
- {
- icon: ,
- label: "Investment Volume",
- value: "₹100Cr+",
- description: "Monthly trading volume"
+ {
+ title: "Educational Content",
+ description: "Market bytes, learnings, and educational content in read sections",
+ icon:
+ },
+ {
+ title: "Smart Notifications",
+ description: "Intelligent notification system for trade alerts and market updates",
+ icon:
+ },
+ {
+ title: "Admin Panel",
+ description: "Comprehensive admin panel for call management and content updates",
+ icon:
+ },
+ {
+ title: "Secure Authentication",
+ description: "User onboarding and login with Firebase authentication",
+ icon:
}
];
-const keyFeatures = [
+const technicalChallenges = [
{
- title: "Ultra-personalized Financial Planning",
- description: "AI-driven personalized investment recommendations tailored specifically for Indian millennials and Gen Z investors."
+ title: "Real-time Performance",
+ description: "Optimizing data load and UI responsiveness for real-time market conditions",
+ icon:
},
{
- title: "Seamless Investment Experience",
- description: "Intuitive interface designed for India's mobile-first generation with simplified investment processes."
+ title: "Notification Delivery",
+ description: "Managing push notifications and ensuring timely delivery for trade alerts",
+ icon:
},
{
- title: "Real-time Market Analytics",
- description: "Live Indian stock market data and analytics with personalized insights for smarter investment decisions."
+ title: "Data Security",
+ description: "Securing user data while keeping login friction low",
+ icon:
},
{
- title: "Social Investment Community",
- description: "Connect with fellow investors, share strategies, and learn from India's growing investment community."
- },
- {
- title: "Multi-language Support",
- description: "Available in multiple Indian languages to make investing accessible to diverse demographics."
- },
- {
- title: "Educational Investment Content",
- description: "Comprehensive learning modules specifically designed for Indian market conditions and investment opportunities."
+ title: "Timeline Management",
+ description: "Tight 6-month timeline from design to launch",
+ icon:
}
];
-const processPhases = [
+const developmentPhases = [
{
- phase: "Phase 1",
- title: "Indian Market Research & Analysis",
- icon: ,
- description: "Deep dive into Indian investment behaviors and preferences of millennials and Gen Z.",
- details: "Analyzed Indian market trends, regulatory requirements, and investment patterns. Studied user demographics, financial literacy levels, and mobile-first preferences of young Indian investors."
+ phase: "Discovery & Planning",
+ duration: "3 weeks",
+ description: "Market research, competitor benchmarking, feature roadmap",
+ icon:
},
+ {
+ phase: "Design & Prototyping",
+ duration: "4 weeks",
+ description: "Branding, UI mockups, user testing feedback loop",
+ icon:
+ },
+ {
+ phase: "Core Development",
+ duration: "6 weeks",
+ description: "App architecture, authentication, splash, trade sections",
+ icon:
+ },
+ {
+ phase: "Content & Trade Modules",
+ duration: "5 weeks",
+ description: "Read section, exited trades, date-wise grouping, notifications",
+ icon:
+ },
+ {
+ phase: "Admin CMS & Analytics",
+ duration: "3 weeks",
+ description: "Role-based access for call publishing and stats tracking",
+ icon:
+ },
+ {
+ phase: "Testing & Deployment",
+ duration: "3 weeks",
+ description: "App store compliance, staging testing, final release",
+ icon:
+ }
+];
+
+const resultsMetrics = [
+ { label: "App Installs", value: "10K+", description: "In beta with 4.6★ rating" },
+ { label: "Daily Active Usage", value: "70%", description: "During market hours" },
+ { label: "App Load Time", value: "1.8s", description: "Average load time" },
+ { label: "Crash Rate", value: "<0.3%", description: "Industry leading" },
+ { label: "Trader Retention", value: "68%", description: "After 30 days" },
+ { label: "UI/UX Rating", value: "90%", description: "Rated as 'Excellent'" }
+];
+
+const technicalAchievements = [
+ "Real-time exited call update system",
+ "Date-wise trade grouping with auto-archival logic",
+ "100% crash-free sessions on launch week",
+ "Firebase-based CMS requiring no custom infra"
+];
+
+const lessonsLearned = {
+ worked: [
+ "Weekly design-dev syncs prevented misalignments",
+ "Animations added micro-interactions users loved",
+ "Modular Flutter setup enabled easy refactoring"
+ ],
+ improve: [
+ "Content logic complexity was underestimated",
+ "Future projects should prototype admin CMS earlier",
+ "More onboarding tutorials needed for first-time users"
+ ]
+};
+
+const futureRoadmap = [
{
phase: "Phase 2",
- title: "India-Centric UX Design",
- icon: ,
- description: "Created culturally relevant and intuitive interfaces tailored for Indian users.",
- details: "Designed user experiences considering Indian financial behaviors, language preferences, and mobile usage patterns. Created prototypes with simplified onboarding and educational elements."
+ features: ["Personalized dashboards", "Premium tier with exclusive trade rooms", "WhatsApp-like alert groups for power users"]
},
{
- phase: "Phase 3",
- title: "Platform Development & Integration",
- icon: ,
- description: "Built scalable trading platform with Indian market integrations and real-time data feeds.",
- details: "Developed robust architecture with Indian stock exchange integrations, payment gateway connections, and real-time market data processing. Implemented AI-driven recommendation engines."
- },
- {
- phase: "Phase 4",
- title: "Compliance & Security",
- icon: ,
- description: "Ensured full compliance with SEBI regulations and Indian financial security standards.",
- details: "Implemented comprehensive security measures following Indian regulatory guidelines. Ensured KYC compliance, data protection, and secure transaction processing as per Indian standards."
- },
- {
- phase: "Phase 5",
- title: "Performance Optimization",
- icon: ,
- description: "Optimized platform performance for Indian network conditions and device capabilities.",
- details: "Fine-tuned application performance for varying Indian network speeds and diverse device specifications. Implemented efficient caching and data compression strategies."
- },
- {
- phase: "Phase 6",
- title: "Market Launch & Growth",
- icon: ,
- description: "Successfully launched and scaled across Indian markets with rapid user adoption.",
- details: "Executed targeted launch strategy across major Indian cities. Implemented growth marketing campaigns and established customer support infrastructure for pan-India operations."
+ phase: "Phase 3",
+ features: ["Web version of dashboard", "Trade performance insights and leaderboards", "Community forum with expert sessions"]
}
];
@@ -106,62 +207,49 @@ export const TradersCircuitProject = () => {
- {/* Hero Section */}
-
+ {/* Section 1: Hero with Heading, Subheading, and Image */}
+
-
+
{/* Back Button */}
-
- {/* Content */}
+
+ {/* Content - Left Aligned */}
-
- Empower India's Millennials & Gen Z with{" "}
- Smarter Investments
+
- Unlock a new dimension of investment decisions in the booming Indian market. With every move handcrafted for your unique needs, Trader Circuit ensures every step is nailed to your financial future.
-
+ Traders Circuit is a mobile stock advisory platform designed to help Indian retail traders make informed, timely decisions based on high-quality research and structured trade insights. The app streamlines trade discovery, execution tracking, and performance analytics in a sleek, intuitive interface built with speed and user experience in mind.
+
- {/* Main Content Section */}
-
-
-
+ {/* Project Overview */}
+
+
+
-
- World-Class App Development, Delivered with Excellence
+
+ Project Overview
-
- Positioned Trader Circuit as a leader, and seeing the user base grow rapidly.
-
+ Retail trading in India has seen exponential growth, but quality advisory platforms are often expensive, inaccessible, or overly complex. Traders Circuit bridges this gap by offering simplified, actionable insights for cash and swing trades curated by domain experts.
+
+ Retail stock market traders in India (Age 22–45), interested in short- to mid-term equity investments and looking for expert-curated stock strategies.
+
- Let's create a revolutionary trading platform together. From concept to launch, we'll help you build a platform that empowers the next generation of investors.
-
+
+
+ {/* Client Testimonial - WITH TRADERS CIRCUIT LOGO */}
+
+
+
+
+ {/* Traders Circuit Logo */}
+
+
+
+
+
+
+ {/* Stars */}
+
+ {[1, 2, 3, 4, 5].map((star) => (
+
+ ))}
+
+
+
+ "WDI has helped us bring our vision to life with a sleek, reliable, and user-loved app. Their understanding of the trading space and mobile-first design thinking really made a difference."
+
+
+
+
+
Aashiq Gowda
+
Director, Traders Circuit Pvt Ltd.
+
+
+
+
+
+
+
+ {/* CTA Section */}
+
+
+
+
+ Ready to Build Your Next Fintech Platform?
+
+
+ Partner with WDI to transform your fintech vision into a powerful, user-loved application that drives real business results.
+