Repository navigation
StackSurge
StackSurge is an innovative digital platform that connects investors with sellers to foster business growth. It allows sellers, particularly those with limited reach, to showcase their products and business performance, attracting potential investors by offering insights into essential metrics like past revenue and profit potential.
Key Technologies:
- Frontend: Next.js, TypeScript, JavaScript
- Hosting: Vercel (for scalable and fast deployment)
- Styling: Modular UI components with CSS modules for responsive, consistent design
- Data Handling: Convex and Stripe for secure transactions and efficient data handling
Features
- Business Showcase: Sellers can create a detailed profile to highlight business performance.
- Investor Insights: Investors can review key metrics to make informed decisions.
- Responsive Design: Modular architecture and server-side rendering for fast content delivery.
- Secure Transactions: Integrated Stripe for secure payment processing.
Project Structure
📁 src
├── 📁 app
│ ├── 📁 _components # Core components used across the app
│ │ ├── CompanyCard.tsx
│ │ ├── CompanyDashboard.tsx
│ │ ├── ...
│ ├── 📁 (routes) # Dynamic routing structure for different user flows
│ │ ├── 📁 company # Routes for company-related pages
│ │ ├── 📁 dashboard # Routes for dashboard pages
│ │ ├── 📁 investor # Routes for investor-related pages
│ │ ├── 📁 select # Page for role selection
│ │ ├── 📁 test # Test route for experimental features
│ ├── 📁 api # API routes for backend functionality
│ │ ├── 📁 auth
│ │ ├── 📁 create-payment-intent
│ │ ├── 📁 uploadthing
│ ├── 📁 fonts # Fonts for the platform
│ ├── 📁 payment-success # Payment success page
│ ├── 📁 stripe-component # Stripe checkout page
│ ├── ConvexClientProvider.tsx # Convex client configuration
│ ├── favicon.ico # Favicon for the app
│ ├── globals.css # Global CSS styles
│ ├── layout.tsx # Main layout component
│ ├── loading.tsx # Loading component
│ ├── page.tsx # Home page
├── 📁 components # UI components for the platform
│ ├── 📁 ui # Core UI elements (button, card, input, etc.)
│ ├── alert-dialog.tsx
│ ├── avatar.tsx
│ ├── ...
├── 📁 lib # Utility libraries
│ ├── convertToSubcurrency.ts # Conversion utilities
│ ├── utils.ts # Helper functions
├── 📁 utils # Utility files
│ ├── uploadthing.ts # Upload utilities
├── middleware.ts # Middleware for request handling