This project is part of Polkadot initiative for building front-end and UI for Asset Conversion Pallet on Polkadot's AssetHub. Link to the proposal here. Currently, the app is deployed on Westend, Rococo and Kusama - here.
Link to Figma file. Link to User story document. Link to the GitHub project. All important information regarding the pallet communication is here.
pnpm installpnpm run devpnpm run testIf you wish to help us out and manually test the app on one of the two test networks(Westend/Rococo) please follow this guide.
To report any bugs or security vulnerability found please follow the instructions under the issues section here.
The project uses Tailwind.css for styling, making it easy to customize the look and feel of your decentralized exchange. To make style adjustments, you can edit the tailwind.config.js file. This file contains configuration options for colors, fonts, spacing, and more. Developers can modify these settings to match their project's branding and design requirements.
In addition to tailwind.css, you can also customize images, fonts, and global SCSS (Sass) styles. These assets can be found in the ./src/assets/ directory. Developers can replace existing images, add new fonts, or make changes to the global SCSS to tailor the project's visual elements to their needs.
For projects with a global audience, multilingual support is crucial. The project uses i18n for translation and dynamic text changes. Developers can configure language support in the ./src/app/config/i18n/index.ts file and provide translations in different languages in the ./src/app/translations/ directory. This makes it easy to add new languages and ensure that your decentralized exchange is accessible to users from around the world.
To expand the functionality of your decentralized exchange, developers can create new routes and pages. This can be done by editing the router configuration and adding new pages to the ./src/pages/ directory. This modular approach allows developers to extend the application with additional features and user interfaces.
The project includes global state management logic that helps maintain shared application state. Developers can update global state properties to reflect changes in the application's data and user interactions. This global state can be accessed and modified as needed to ensure consistent and responsive user experiences.
By providing these guidelines, you're offering developers a clear roadmap for customizing and extending your decentralized exchange project. This will help them make the most of your codebase and contribute to the success of the project.
Yes please! See the contributing guidelines for details.