A modern web application for creating and managing Rivalz ADCS (Adaptor Data Collection System) configurations. Built with Next.js 14 and integrated with Web3 technologies.
- Web3 Integration with RainbowKit and Wagmi
- Real-time Adaptor Management
- Provider Integration System
- Responsive Design with Chakra UI
- Dark Mode Support
- Multi-chain Support (Rivalz2 Testnet)
- Framework: Next.js 14
- Styling: Chakra UI, Emotion
- Web3: RainbowKit, Wagmi, Viem
- State Management: Jotai, TanStack Query
- API Integration: Axios
- Code Highlighting: Prism React Renderer
- TypeScript: Full type safety
-
Clone the repository:
git clone https://github.com/Rivalz-ai/adcs-frontend.git -
Install dependencies:
npm install
# or
yarn install- Set up environment variables:
NEXT_PUBLIC_API_URL=
NEXT_PUBLIC_CATEGORY_API_URL=- Run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the application.
src/
├── app/ # Next.js app directory
├── libs/ # Utility functions and API clients
├── providers/ # Web3 and app providers
├── types/ # TypeScript type definitions
└── views/ # Reusable UI components
The application integrates with the Rivalz2 testnet:
startLine: 3
endLine: 19The application uses a custom design system built on Chakra UI, featuring:
- Responsive Navigation
- Dark Mode Support
- Custom Card Components
- Interactive Playground
- Code Highlighting
{
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
}Contributions are welcome! Please feel free to submit a Pull Request.
This project is licensed under the MIT License - see the LICENSE file for details.
For support, please contact [support team contact].