Dragon NFT Game

Description

Dragon NFT Game is a Telegram Web App built with React, TypeScript, and Vite. The game allows users to interact with dragons, earn coins, and participate in social features like inviting friends and joining squads.

Features

• Dragon interaction and coin earning system
• Friend invitation system with rewards
• Squad system for group gameplay
• League-based progression
• Telegram Premium integration
• Real-time updates using WebSocket
• Responsive design optimized for mobile

Tech Stack

• React 18
• TypeScript
• Vite
• Redux Toolkit
• Socket.io Client
• TailwindCSS
• React Router DOM
• React Spring
• Telegram Web App SDK

Getting Started

Prerequisites

• Node.js (v14 or higher)
• pnpm (recommended) or npm

Installation

1. Clone the repository:

git clone https://github.com/whisperky/Dragon-nft-app.git
cd Dragon-nft-app

2. Install dependencies:

npm install
pnpm install
yarn install

3. Create a .env file in the root directory and add your environment variables:

VITE_REACT_APP_BOT_USERNAME=your_bot_username

4. Start the development server:

npm run dev
pnpm dev
yarn dev

Project Structure

• /src - Source code
  • /components - Reusable React components
  • /pages - Page components
  • /store - Redux store configuration
  • /helpers - Helper functions
  • /skeleton - Loading skeleton components
  • /styles - CSS styles

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.