EventEase — Next-Gen Event Ticketing, Wallet Rewards & Real-Time Community Platform
Project Overview
EventEase is a full-featured, full-stack event ticketing and community management web application. Designed with an ultra-modern shiny glassmorphic UI, the platform bridges the gap between event organizers and attendees by offering instantaneous ticket bookings, 100% secure payment checkouts, an integrated cashback wallet reward system, real-time WebSocket chatrooms, and rich organizer analytics.
Key Features & Functionality
Ultra-Modern Glassmorphic UI/UX
Built with high-end frosted glass primitives, ambient glowing light meshes, specular highlights, and fluid micro-animations powered by Tailwind CSS and Framer Motion.
Fully responsive, high-contrast dark aesthetic optimized for desktop, tablet, and mobile browsers.
End-to-End Ticketing & Seat Reservation
Live seat availability calculation with capacity constraints to prevent overbooking.
Dynamic pricing breakdowns with instant digital pass generation.
Secure Checkout & Cashback Wallet System
Integrated Razorpay payment gateway with server-side signature verification.
5% Cashback Rewards Engine: Automatically deposits wallet reward points on every completed booking.
One-Click Redemption: Allows attendees to partially or fully redeem stored wallet points during checkout.
Real-Time WebSocket Event Lounge
Live event-specific chat rooms powered by Socket.io (http://Socket.io).
Low-latency attendee networking, live typing indicators, and historical chat logging.
Organizer Control Center & Analytics Dashboard
Interactive data visualizations with Recharts displaying sales velocity, seat fill ratios, and gross revenue trajectories.
Event lifecycle controls (publish, edit venue info, update capacity, and cancel events).
Community Reviews & Ratings
Verified attendee review system with interactive star ratings and moderation controls.
Auto-calculated average ratings that power "Top Rated Experiences" and "Trending" recommendation algorithms.
Role-Based Access Control (RBAC)
Granular authorization splitting privileges between Event Attendees, Event Organizers, and Platform Admins.
JWT-based authentication with secure token renewal and protected route guards.
💻 Tech Stack & Architecture
Frontend: React 19, Vite, Redux Toolkit, Tailwind CSS v4, Framer Motion
Icons & UI : Lucide React, Tabler Icons, React Toastify
Data Viz: Recharts (Responsive bar charts & analytics),
Real-time: Socket.io-client (WebSockets)
Forms & State: React Hook Form, Redux Toolkit (authSlice), Context API
Payments: Razorpay Payment Gateway
Backend/API: Node.js, Express, RESTful APIs, Axios Interceptors, JWT
1
7
DappFundX — Web3 Crowdfunding Platform | React · Solidity · Ethereum · IPFS
Overview
DappFundX is a production-ready, full-stack decentralized application (dApp) that reimagines crowdfunding using blockchain technology. Unlike traditional platforms (Kickstarter, Indiegogo), DappFundX eliminates all intermediaries — every campaign, contribution, withdrawal, and refund is governed entirely by Ethereum smart contracts, making the process trustless, transparent, and censorship-resistant.
Users connect their MetaMask wallet, create a campaign with a funding goal and deadline, and receive contributions from backers worldwide in ETH or USDT. If the goal is met, the creator can withdraw funds. If the deadline passes without reaching the goal, contributors receive automatic on-chain refunds — no manual intervention required.
Key Features
Wallet Integration — MetaMask connection with persistent session via localStorage. Displays connected wallet address with quick disconnect.
Campaign Creation — Creators fill out a form (title, description, goal in USD, deadline, image). Campaign metadata is uploaded to IPFS via Pinata, and the on-chain record is created via a smart contract transaction.
Multi-Currency Contributions — Backers can contribute in ETH (native) or USDT (ERC-20 token), handled by the smart contract.
Automated Withdrawals — If the campaign goal is reached, the creator can trigger a withdrawal directly from the UI.
Automatic Refunds — If the campaign expires without meeting its goal, contributors can claim their refund from the smart contract.
Explore Page — Browse all on-chain campaigns with live funding progress bars, search by keyword, and filter by Active / Ended status.
Campaign Detail Page — Full campaign view with funding stats, ETH & USDT raised breakdown, deadline, and real-time contribution forms.
Responsive UI — Fully responsive design across mobile, tablet, and desktop with a modern dark professional theme.
Architecture Highlights:
Smart Contract (Solidity) — Handles campaign creation, ETH/USDT contributions, withdrawal logic, refund eligibility checks, and deadline enforcement — all on-chain.
IPFS Storage — Campaign title, creator name, description, and image are uploaded to IPFS (content-addressed, immutable), and only the CID is stored on-chain, keeping gas costs low.
Read/Write Contract Calls — Read-only calls use a static provider; state-changing calls use a signer obtained from MetaMask, following best practices for dApp security.
Component Architecture — Modular React components (Header, Footer, FeatureCard, CampaignForm, CampaignDetail) with clean separation of concerns.
Utility Layer — Dedicated utility modules for contract interactions (Contract.js), fund handling (FundHandling.js), IPFS uploads (ipfs.js), and time conversion (TimeConverter.js).
1
25
Full-Stack Web3 DEX & Perpetuals Trading Platform (Hyperliquid L1, EVM Swaps & Gamified Contests)
🚀 BigRock Exchange — High-Performance Decentralized Perpetuals & Spot DEX
📌 Project Overview
BigRock is a full-stack, enterprise-grade decentralized exchange (DEX) combining lightning-fast on-chain spot swaps with high-leverage perpetual futures trading. Built with institutional-level performance and Web3 UX in mind, the platform features native wallet integration, real-time order-book sync with Hyperliquid L1, multi-tier KOL/referral reward engines, and gamified global trading contests.
💡 Key Features & Architecture
1. ⚡ Perpetuals Trading Engine (Hyperliquid L1 Integration)
High-Throughput Order Execution: Integrated low-latency market and limit orders with real-time fill synchronization via WebSocket & REST APIs.
Advanced Position Management: Live tracking of margin, leverage, unrealized/realized PnL, liquidation thresholds, and automated TP/SL trigger orders.
Accurate Volume Attribution: Real-time dual-leg tracking (open & close volume tracking) with automated builder fee and rebate split calculations.
2. 🔄 Spot Swaps & On-Chain DEX Aggregation
Instant Swap Settlement: EVM-compatible swap routing with dynamic slippage protection and gas estimation.
Multi-Wallet Support: Seamless connection via Wagmi, Viem, and Web3Modal (MetaMask, Coinbase, WalletConnect, OKX).
3. 🏆 Gamified Trading Contests & Real-Time Leaderboards
Global Competition Engine: Automated tracking for multi-market trading cups (Spot + Perps) with dynamic time-window filtering and minimum notional volume gates.
Dynamic Leaderboard System: High-frequency cached aggregation engine combining swap transactions and perp positions to rank top traders in real-time.
Custom Countdown & Live Status UX: Polished Framer Motion UI showing live tournament states, qualifying badges, and instant tier-based prize breakdowns.
4. 🤝 Tiered KOL & Affiliate Commission System
Automated Affiliate Settlement: Real-time fee splits awarding commissions on both open and close trading positions without affecting exchange latency.
KOL Analytics Dashboard: Custom dashboards for key opinion leaders to monitor active referred traders, generated volume, and claimable rewards.
🛠️ Tech Stack & Architecture
Frontend: React.js, Vite, Tailwind CSS, Framer Motion, Wagmi / Viem, Ethers.js
Backend / APIs: Node.js, Express.js (ESM), WebSockets for real-time orderbook & ticker streams
Database & State: MongoDB (Mongoose) with optimized indexing for high-frequency trade records & aggregation pipelines
Trading Infrastructure: Hyperliquid SDK & L1 API integration, EVM Smart Contract interactions
DevOps & Security: JWT/Role-based access control, environment security, automated fill-sync background daemons
🎯 Key Engineering Achievements & Problem Solving
Dual-Side Volume Tracking: Engineered custom trade lifecycle event hooks to capture and persist both open and closed volumes accurately for regulatory and competition metrics.
Zero-Latency Fee Distribution: Implemented asynchronous background daemons to process KOL commissions and competition eligibility without blocking critical order placement pathways.
High-Frequency Leaderboard Scaling: Reduced leaderboard database query latency by 85% by indexing composite address-volume metrics and utilizing optimistic updates.
1
32
Interactive Themed Developer Portfolio & Web Showcase | React, Framer Motion & Tailwind CSS
Key Features & Highlights:
Custom Vector Artwork & Layered Visuals:
Implemented an intricate, responsive fixed SVG backdrop showcasing a night cricket oval under floodlights, illuminated mountain peaks, starry sky, and subtle ambient glows.
Preserved full content readability and contrast using layered dark vignettes and custom opacity masks.
Fluid Framer Motion Animations:
Designed staggered entry transitions, conic orbit rings, continuous pulse indicators, and interactive micro-animations.
Added smooth hover states, reactive button effects, and dynamic drawer transitions.
Modern Glassmorphism UI:
Applied frosted glass design patterns (backdrop-blur, semi-transparent RGBA palettes, and soft glowing border outlines) across all cards, timelines, forms, and navigation elements to allow the themed backdrop to show through elegantly.
Clean Architecture & Iconography:
Streamlined visual consistency by adopting modern vector icon sets via react-icons across navigation, badges, timeline bullets, and interactive controls.
Purged unnecessary toggles and redundant state to enforce a refined, distraction-free aesthetic.
Full-Stack Form Integration:
Configured asynchronous contact messaging using EmailJS with client-side validation, error handling, status banners, and loading indicators.
Optimized & Responsive:
100% mobile, tablet, and desktop responsive layout with a custom slide-out navigation drawer.
Built using Vite for optimized bundle sizes, fast hot module replacement (HMR), and clean production builds.
Tech Stack:
Frontend: React 18, React Router, JavaScript (ES6+)
Styling & Design: Tailwind CSS, PostCSS, Custom CSS Variables, Glassmorphism
Animation & Interactivity: Framer Motion
Icons & Assets: React Icons (react-icons), Custom Vector SVG
Third-Party Services: EmailJS
Build Tooling: Vite
1
27