The Spirit11 Admin Panel is a web-based platform that allows administrators to manage players, track statistics, and configure the game logic for the fantasy cricket system. This panel provides an intuitive user interface for efficient team and tournament management.

• Frontend: Next.js, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MySQL
• Authentication: JWT (JSON Web Token)
• API Client: Axios
• Styling: Tailwind CSS

spirit11-admin/
│-- frontend/              # Next.js-based Admin Panel UI
│   ├── components/        # Reusable UI components
│   ├── pages/             # Next.js pages (Dashboard, Players, Tournaments, etc.)
│   ├── services/          # API service handlers
│   ├── styles/            # Global styles
│   ├── public/            # Static assets
│   ├── next.config.js     # Next.js configuration file
│   ├── tailwind.config.js # TailwindCSS configuration
│   ├── package.json       # Dependencies and scripts
│   └── tsconfig.json      # TypeScript configuration
│
│-- backend/               # Node.js API Server
│   ├── controllers/       # Business logic handlers
│   ├── routes/            # Express route definitions
│   ├── models/            # Database models
│   ├── middlewares/       # Authentication and validation
│   ├── config/            # Environment configurations
│   ├── db/                # MySQL database connection
│   ├── package.json       # Backend dependencies and scripts
│   ├── server.js          # Main server file
│   └── .env               # Environment variables (API keys, DB credentials, etc.)

• Admin Dashboard: Overview of system stats.
• Player Management: Add, update, and remove players.
• Team & Tournament Management: Manage teams and tournament schedules.
• User Authentication: Secure login with JWT.
• Responsive UI: Optimized for desktop and mobile.

• Node.js (v18+)
• MySQL Database
• npm or yarn

git clone https://github.com/yourusername/spirit11-admin.git
cd spirit11-admin

cd backend
npm install

Create a .env file in the backend/ directory:

PORT=5000
DB_HOST=localhost
DB_USER=root
DB_PASS=yourpassword
DB_NAME=spirit11_db
JWT_SECRET=your_secret_key

Run the backend:

npm start

cd ../frontend
npm install

Create a .env.local file in frontend/:

NEXT_PUBLIC_API_BASE_URL=http://localhost:5000/api

Run the frontend:

npm run dev

<<<<<<< HEAD

=======

This project was generated using Angular CLI version 19.2.0.

To start a local development server, run:

ng serve

Once the server is running, open your browser and navigate to http://localhost:4200/. The application will automatically reload whenever you modify any of the source files.

Angular CLI includes powerful code scaffolding tools. To generate a new component, run:

ng generate component component-name

For a complete list of available schematics (such as components, directives, or pipes), run:

ng generate --help

To build the project run:

ng build

This will compile your project and store the build artifacts in the dist/ directory. By default, the production build optimizes your application for performance and speed.

To execute unit tests with the Karma test runner, use the following command:

ng test

For end-to-end (e2e) testing, run:

ng e2e

Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.

For more information on using the Angular CLI, including detailed command references, visit the Angular CLI Overview and Command Reference page.

1b03b8d (sample comit)