EsanSwap: A Multichain Decentralized Exchange Built with NextJs and Typescript and styled with Tailwindcss
EsanSwap is a cutting-edge decentralized trading protocol designed to empower users with a seamless experience for trading, earning, and owning cryptocurrencies across multiple chains. This project leverages the power of Figma for design and development, ensuring a cohesive and intuitive interface for our users. It is worth nothing that this project is still under development
EsanSwap provides a robust platform for decentralized trading, featuring:
- Multichain Support: Trade seamlessly across Ethereum, Binance Smart Chain, and more.
- User-Friendly Interface: Designed with simplicity and ease of use in mind, thanks to our meticulous attention to detail in Figma.
- Security and Transparency: Built on blockchain technology, offering transparent and secure transactions.
Figma plays a pivotal role in the development process of EsanSwap. Here's an example of the design and how we utilize it:
- Wireframing and Prototyping: We start by creating wireframes and prototypes in Figma to outline the application's structure and flow.
- Component Library: Establishing a comprehensive component library ensures consistency across the platform.
- Responsive Design: Ensuring the platform is accessible and functional across devices through responsive design principles.
- Reference Material: Developers refer to Figma designs for accurate implementation of UI elements and interactions.
- Iterative Feedback Loop: Continuous feedback between designers and developers helps refine the product based on real-world usage.
To get started with EsanSwap, clone the repository and explore the codebase. Contributions are welcome!
git clone https://github.com/Patrick-Ehimen/EsanSwap.git
cd EsanSwap
bun install
bun dev
Visit http://localhost:3000 to see the project in action.
Contributions to EsanSwap are highly encouraged. Please read the CONTRIBUTING.md file for details on how to contribute.
This project is licensed under the MIT License. See the LICENSE file for details.
For more detailed information about the project, please refer to the docs folder.