Ahmed Ayaz
React Engineer Who Turns Figma Designs into UI's
New to Contra
Ahmed is building their profile!
🚀 Find My Venue - UAE Venue Search & Comparison Platform
Find My Venue delivers a sleek, high-performance frontend experience designed for seamless venue discovery and comparison across the UAE. Built using React / Next.js with Tailwind CSS, the application focuses on intuitive UX, fast interactions, and scalable UI architecture.
The platform provides users with a powerful search and filtering interface, enabling them to quickly find venues based on event type, guest capacity, and location. The UI is crafted to guide users smoothly from discovery to decision-making.
Key frontend highlights include:
- Advanced Search & Filtering UI
Dynamic, form-driven interface with dropdowns, auto-suggestions, and real-time filtering for event type, number of guests, and city.
- Component-Based Architecture
Reusable UI components (search bars, cards, modals, forms) built for scalability and consistency across the platform.
- Responsive & Mobile-First Design
Fully optimized layouts using Tailwind CSS, ensuring a smooth experience across all screen sizes.
- State Management with Redux
Centralized state handling for search queries, filters, and results, ensuring predictable and efficient UI updates.
- Interactive Listings & Comparison
Clean, card-based layouts for venues with quick comparison features, improving user decision-making.
- Performance Optimization
Lazy loading of images and components
Efficient rendering of large venue datasets
Debounced search inputs for better performance
- Seamless API Integration
Integrated with backend services for fetching venue data, handling search queries, and managing user interactions with proper loading and error states.
- Enhanced User Experience
Smooth transitions and micro-interactions
Clear CTA buttons (Search, Signup, List Venue)
Structured layouts for easy navigation and readability
0
3
🚀 Road2Crypto - Cryptocurrency Portfolio Tracker
Road2Crypto features a modern, responsive, and highly interactive frontend designed to deliver a seamless crypto portfolio tracking experience. Built using React / Next.js with TypeScript, the UI emphasizes performance, scalability, and clean component architecture.
The application provides a real-time dashboard interface where users can visualize their portfolio value, asset distribution, and transaction history. It uses dynamic data rendering and efficient state management to ensure smooth updates without unnecessary re-renders.
Key frontend highlights include:
- Component-Driven Architecture
Reusable, modular components for cards, tables, charts, and wallet views, ensuring maintainability and scalability.
- Responsive & Adaptive Design
Fully optimized for desktop and mobile screens using modern CSS (Tailwind / Flexbox / Grid), delivering a consistent user experience across devices.
- Data Visualization
Clean and intuitive UI elements such as summary cards, asset breakdowns, and interactive charts to help users quickly understand portfolio performance.
- API Integration Layer
Seamless integration with backend APIs (via REST/GraphQL), handling wallet data, balances, and transactions with proper loading states and error handling.
- Optimized Performance
Lazy loading, code splitting, and memoization techniques to ensure fast load times and smooth navigation even with large datasets.
- User Experience Enhancements
Search and wallet input handling
Real-time updates and refresh indicators
Smooth transitions and micro-interactions
Clean dark-themed UI for better readability
- Type Safety & Reliability
Built with TypeScript to enforce strong typing, reducing bugs and improving developer experience.
0
13