🏆 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 |
|---|---|---|
![]() |
![]() |
![]() |
| Create Tournamnt | Delete Tournament | My Tournaments |
|---|---|---|
![]() |
![]() |
![]() |
| Login | Register | Settings |
|---|---|---|
![]() |
![]() |
![]() |
| Tournament List | Tournament 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.

.png?raw=true)









