π Tournament App
A sleek and modern React Native app built with Expo Router, allowing users to browse, join, and create game tournaments. Supports real-time data via Firebase, light/dark themes, and user authentication.
π± Features
π Browse games and tournaments
β¨ Light & dark theme support
π Firebase authentication (Anonymous & Email/Password)
π§βπΌ Create and manage tournaments
π¦ Firebase Firestore database
β‘ Real-time updates
π± Responsive and modern UI with Expo + Tailwind-like styling
π οΈ Tech Stack
React Native with Expo Router
Firebase (Auth + Firestore)
React Context API for global theming
TypeScript
| Splash Screen | White Mode | Search |
|---|---|---|
| Splash | Light Mode | Search |
| Create Tournamnt | Delete Tournament | My Tournaments |
|---|---|---|
| Create | Delete | My Tournaments |
| Login | Register | Settings |
|---|---|---|
| Login | Register | Profile |
| Tournament List | Tournament Details | Privacy&Policy |
|---|---|---|
| Tournament List | Details | Privacy & Policy |
π οΈ Tech Stack
React Native with Expo Router
Firebase (Auth + Firestore)
React Context API for global theming
TypeScript
π Getting Started
- Clone the repository
git clone https://github.com/yourusername/tournament-app.git cd tournament-app
- Install dependencies
npm install
- Start the development server
npx expo start
- Set up Firebase
Create a Firebase project
Enable Authentication and Firestore
Replace firebaseConfig in /firebaseConfig.ts with your own credentials
π Project Structure app/ βββ (tabs)/ // Bottom tab screens β βββ Home.tsx β βββ Profile.tsx β βββ Settings.tsx βββ games/ β βββ index.tsx // Game list β βββ [game].tsx // Tournaments by game βββ tournament/ β βββ [id].tsx // Tournament detail page βββ CreateTournament.tsx βββ Login.tsx βββ Register.tsx firebaseConfig.ts context/ βββ ThemeContext.tsx
π§βπ» Contributing
Contributions are welcome! Feel free to:
Fork the repo
Create a new branch
Submit a pull request
Please open an issue first for any major changes.