Tri2Champ is a modern sports website built using React.js and Firebase, providing seamless event management, secure authentication, and hassle-free registration with Stripe payments. Designed with TailwindCSS, it offers a sleek UI and smooth user experience.
✅ User & Admin Authentication – Secure login and access control with Firebase Auth
✅ Event Creation & Management – Admins can create and manage events effortlessly
✅ Seamless Registration – Users can sign up for events without hassle
✅ Stripe Payments Integration – Secure online payments for event registration
✅ Modern UI with TailwindCSS – Responsive, clean, and intuitive design
✅ Triathlon-Focused Experience – Tailored for triathlon, swimming, and endurance sports events
git clone https://github.com/your-username/Tri2Champ.git
cd Tri2Champnpm install- Create a Firebase project at Firebase Console.
- Enable Authentication (Email/Password, Google, etc.).
- Set up Firestore Database and configure rules.
- Enable Stripe Payments and configure API keys.
- Create a
.envfile in the root directory and add:
REACT_APP_FIREBASE_API_KEY=your_firebase_api_key
REACT_APP_FIREBASE_AUTH_DOMAIN=your_auth_domain
REACT_APP_FIREBASE_PROJECT_ID=your_project_id
REACT_APP_FIREBASE_STORAGE_BUCKET=your_storage_bucket
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=your_sender_id
REACT_APP_FIREBASE_APP_ID=your_app_id
REACT_APP_STRIPE_PUBLIC_KEY=your_stripe_public_keynpm startCheck out the live version here: Tri2Champ
Want to improve Tri2Champ? Feel free to fork this repo and submit a pull request!
Antony Jude Shaman A Ashik Sharon M Danush Athithya R K