Decentralized Exchange (DEX) Interface

A modern, user-friendly decentralized exchange interface built with React, TypeScript, and Tailwind CSS.

Features

• 🔄 Token Swapping
• 💧 Liquidity Pools Overview
• 📊 Real-time Price Feeds
• 👛 Wallet Integration
• 🌓 Dark Mode Support
• 📈 Recent Trades History
• ⚙️ Customizable Slippage Settings

Getting Started

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Technology Stack

• React 18
• TypeScript
• Tailwind CSS
• Vite
• Lucide Icons

Project Structure

src/
├── components/     # React components
├── context/       # React context providers
├── hooks/         # Custom React hooks
├── types/         # TypeScript type definitions
├── utils/         # Utility functions
└── data/          # Mock data for development

Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/amazing-feature)
3. Commit your changes (git commit -m 'Add some amazing feature')
4. Push to the branch (git push origin feature/amazing-feature)
5. Open a Pull Request

License

MIT