STIC Pitchbook

Smith Toronto Innovation Center - Student-Led AI Innovation & Startup Community

A production-grade React web application for showcasing startups, opportunities, and team information for the Smith Toronto Innovation Center at Queen's University's Stephen J.R. Smith School of Business.

🎯 Project Overview

STIC Pitchbook is a directory platform that connects Smith School entrepreneurs with investors, collaborators, and resources. The platform features:

• Startup Directory - Browse and search innovative startups from the Smith ecosystem
• Opportunities Board - Discover internships, co-founder positions, and investment opportunities
• Team Showcase - Meet the STIC Core Board members
• Startup Submission - Easy form integration for new startup submissions
• Launch Event Recap - Highlights from STIC events

🚀 Quick Start

Prerequisites

• Node.js 16+ and npm installed
• Basic familiarity with React (helpful but not required)

Installation

# Clone the repository
git clone https://github.com/your-organization/stic-pitchbook.git
cd stic-pitchbook

# Install dependencies
npm install

# Start development server
npm start

The app will open at http://localhost:3000

📁 Project Structure

stic-pitchbook/
├── public/
│   └── index.html              # HTML template
├── src/
│   ├── components/             # Reusable UI components
│   │   ├── Header.js          # Navigation bar
│   │   ├── Footer.js          # Site footer
│   │   ├── StartupCard.js     # Startup display card
│   │   ├── OpportunityCard.js # Opportunity display card
│   │   └── TeamMemberCard.js  # Team member display card
│   ├── data/                   # Data files (EASY TO UPDATE!)
│   │   ├── startups.js        # Startup information
│   │   ├── opportunities.js   # Opportunity listings
│   │   └── team.js            # Team member information
│   ├── pages/                  # Page components
│   │   ├── Home.js            # Landing page
│   │   ├── Directory.js       # Startup directory
│   │   ├── Opportunities.js   # Opportunities board
│   │   ├── SubmitStartup.js   # Submission form redirect
│   │   ├── Team.js            # Team page
│   │   └── LaunchEvent.js     # Event recap page
│   ├── App.js                  # Main app component with routing
│   ├── App.css                 # App-specific styles
│   ├── index.js                # Entry point
│   └── index.css               # Global styles
├── package.json                # Dependencies and scripts
├── README.md                   # This file
├── DEPLOYMENT.md              # Deployment instructions
└── CONTRIBUTING.md            # Contribution guidelines

🎨 Design System

The application uses Smith School of Business brand colors:

• Navy: #00205B - Primary brand color
• Red: #B31B1B - Accent color
• Gold: #FFD700 - Highlight color
• Text: #374151 - Primary text
• Background: #f9fafb - Page background
• Font: Lato (Google Fonts)

📝 Updating Content

Adding a New Startup

Edit src/data/startups.js:

{
  id: 5, // Increment from last ID
  name: "Your Startup Name",
  description: "Brief description of your startup",
  industry: "Technology",
  stage: "Pre-revenue", // or "Revenue", "Building"
  affiliation: "Smith School of Business",
  tags: ["Technology", "AI"], // Add relevant tags
  website: "https://yourstartup.com",
  lookingFor: "Looking for investments, co-founders..."
}

Adding an Opportunity

Edit src/data/opportunities.js:

{
  id: 5, // Increment from last ID
  startup: "Startup Name",
  title: "Position Title",
  description: "Detailed description...",
  type: "Internship", // or "Investment", "Co-Founder"
  location: "Toronto / Remote",
  postedDate: "January 2026",
  tags: ["Technology", "Internship"]
}

Updating Team Members

Edit src/data/team.js:

{
  id: 1,
  name: "Your Name",
  role: "President / Chair",
  program: "MBA '26, Smith School of Business",
  description: "Brief bio...",
  image: "/images/team/yourname.jpg", // Add photo to public/images/team/
  linkedin: "https://linkedin.com/in/yourprofile",
  email: "your.email@queensu.ca"
}

Configuring Microsoft Forms

Edit src/pages/SubmitStartup.js:

const MICROSOFT_FORM_URL = 'https://forms.office.com/YOUR_ACTUAL_FORM_URL';

🔧 Available Scripts

npm start       # Run development server
npm run build   # Build for production
npm test        # Run tests

📚 Documentation

• DEPLOYMENT.md - How to deploy to production
• CONTRIBUTING.md - How to contribute changes

🤝 Contributing

We welcome contributions from STIC members! Please read CONTRIBUTING.md for guidelines.

📧 Contact

For questions or support:

• Email: DL-STIC-CoreOps@queensu.ca
• Website: Smith School of Business

📄 License

Copyright © 2025 Smith Toronto Innovation Center. All rights reserved.

---

Built with ❤️ by STIC students at Smith School of Business, Queen's University