Portfolio.
TournaPlex_BG_Image
TournaPlex_Image

TournaPlex

TechIcon_0TechIcon_1TechIcon_2TechIcon_3TechIcon_4TechIcon_5TechIcon_6

About the project.

TournaPlex_Mockup_Image

TournaPlex is a dynamic tournament web app where admins can create and manage Free Fire tournaments, while users can book slots, pay fees, and receive match credentials. The platform includes a built-in wallet system, live and manual bKash payments, user-to-user challenge matches, and a rich dashboard showing wallet, bookings, challenges, and leaderboard.

<

Features

>
Admin Tournament Management

Admins can create, update, and manage tournament details with timing, entry fee, rules, and player slots.

User Booking with Payment System

Users can book tournaments by paying entry fees through wallet balance, live bKash, or manual deposit.

Wallet System

Built-in wallet for users to deposit money, manage balance, and pay for future bookings or challenges.

Live and Manual bKash Integration

Supports live bKash transactions and manual approval for flexible user payments.

Withdrawal Request System

Users can request withdrawals from their wallet balance, which admins can approve manually.

Challenge Match System

Users can create challenge matches against others with predefined amounts and system-calculated charges.

Real-time Challenge Match Setup

Users can accept challenges and receive opponent info instantly with secure match setup.

User Dashboard

Users can see all their bookings, challenges, wallet history, and leaderboard positions in one place.

Responsive Design

Enjoy a seamless experience across devices with a responsive design that adapts to various screen sizes and orientations.

SEO Optimization

Crafted with SEO best practices, ensuring optimal visibility on search engines. From keyword-rich content to streamlined meta tags and efficient site architecture.

</

Features

>
<

Tech Stack

/>
Next.js Next.js

A React framework for server-side rendering, static site generation, and routing, offering improved performance and SEO optimization.

TypeScript TypeScript

A superset of JavaScript adding static typing for building large-scale applications with enhanced maintainability and tooling support.

Tailwind CSS Tailwind CSS

A utility-first CSS framework providing pre-designed, atomic-level utility classes for rapid UI development with minimal CSS code.

Redux Redux

Predictable state management library for JavaScript applications, enabling developers to write consistent, scalable code with ease.

Node.js Node.js

JavaScript runtime for server-side applications, enabling scalable and event-driven architecture.

Express.js Express.js

Minimalist web framework for Node.js, providing robust features for building web applications and APIs with ease.

MongoDB MongoDB

NoSQL database offering flexibility and scalability for storing and managing data efficiently.