A modern, interactive web application for calculating unit statistics in Anime Vanguards. Built with React and featuring a beautiful gaming-inspired UI.
- Real-time Stat Calculation: Calculate damage, range, SPA, and placement costs with various upgrades and traits
- Unit Management: Browse, search, and manage unit database with admin panel
- Interactive UI: Gaming-themed interface with animations and responsive design
- Trait System: Apply various traits and see their effects on unit statistics
- Tier System: View units organized by meta tiers and performance levels
Visit the live application: https://KennelyRay.github.io/AV-Stat-Calc
- Node.js 16+
- npm or yarn
- Clone the repository:
git clone https://github.com/KennelyRay/AV-Stat-Calc.git
cd AV-Stat-Calc- Install dependencies:
npm install- Start the development server:
npm startThe app will open at http://localhost:3000.
- Install gh-pages dependency (already included):
npm install --save-dev gh-pages-
Update the homepage in package.json with your repository URL
-
Deploy:
npm run deployAccess the admin panel to manage units:
- Username:
Admin - Password:
000000
Features:
- Add/Edit/Delete units
- Import/Export unit data
- Manage unit statistics and evolution requirements
- Upload unit images
src/
├── components/ # Reusable UI components
├── contexts/ # React context providers
├── pages/ # Main application pages
├── index.css # Global styles and animations
└── App.js # Main application component
- React 18 - Frontend framework
- React Router - Client-side routing
- Tailwind CSS - Utility-first CSS framework
- Context API - State management
- LocalStorage - Data persistence
- Fork the repository
- Create a feature branch:
git checkout -b feature/new-feature - Commit changes:
git commit -am 'Add new feature' - Push to the branch:
git push origin feature/new-feature - Submit a pull request
This project is licensed under the MIT License - see the LICENSE file for details.
- Anime Vanguards game for inspiration
- Gaming community for feedback and suggestions