UBC Pharmaceutical Innovators Network (PIN) Website

Modern, engaging website for UBC's Pharmaceutical Innovators Network club.

🚀 Features

• Home Page: Welcome visitors with club introduction and recent events
• Our Team: Showcase research subgroups and team members
• Events: Display academic and social activities
• Join Us: Application process and membership information
• Contact: Multiple contact methods and social media links

🎨 Design

The website features:

• Deep navy blue (#2B3A67) and bright yellow/gold (#F4D03F) color scheme
• Pharmaceutical-themed illustrations
• Responsive design for all devices
• Modern, clean interface

🛠️ Technology Stack

• React - Frontend framework
• React Router - Navigation
• Vite - Build tool
• GitHub Pages - Hosting

📦 Installation

1. Clone the repository:

git clone https://github.com/yourusername/UBC-PIN-Web.git
cd UBC-PIN-Web

2. Install dependencies:

npm install

3. Start development server:

npm run dev

4. Build for production:

npm run build

🚢 Deployment

The site is automatically deployed to GitHub Pages when changes are pushed to the main branch.

Manual deployment:

1. Build the project:

npm run build

2. Deploy to GitHub Pages:

npm run deploy

Setting up GitHub Pages:

1. Go to your repository Settings
2. Navigate to Pages section
3. Set Source to "GitHub Actions"
4. The site will be available at: https://yourusername.github.io/UBC-PIN-Web/

📁 Project Structure

UBC-PIN-Web/
├── src/
│   ├── components/     # Reusable components
│   │   ├── Header.jsx
│   │   └── Footer.jsx
│   ├── pages/          # Page components
│   │   ├── Home.jsx
│   │   ├── Team.jsx
│   │   ├── Events.jsx
│   │   ├── JoinUs.jsx
│   │   └── Contact.jsx
│   └── App.jsx         # Main app component
├── public/             # Static assets
└── dist/              # Production build

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📧 Contact

• Email: ubcpin@ubc.ca
• Instagram: @ubc.pin
• LinkedIn: UBC PIN

📄 License

This project is proprietary to UBC Pharmaceutical Innovators Network.