Today is our hackathon contest, we were provided with a theme liek (> Build me a modern, responsive web application for an Art Bidding Platform for Nepalese Art.The app should have three main sections:1. Navigation Bar (top fixed) – clean and minimal, with links to:Home (Main Hall)Bidding AreaMy Account2. Main Hall (Home Page) – showcase upcoming art events and bidding sessions. Each event card should display:Artwork imageArtist nameTitle of artworkEvent date & timeShort description3. Bidding Area – list of current and ongoing bids with:Artwork image + detailsCurrent highest bidInput box to place a new bidA countdown timer for each bidding sessionPayment plan option (dummy for now, e.g., “Pay in full / Pay in installments”)4. My Account Page – should have:Profile section (name, email, profile picture placeholder)Delivery status for won bids (artwork name + expected delivery date)Account settings (dummy toggles/buttons)🎨 Design Requirements:Use a clean modern UI with grid-based layouts and cards.Soft shadows, rounded corners (2xl), elegant typography.Tailwind CSS for styling.Responsive layout for both desktop & mobile.⚡ Extra Features:Use sample JSON data for artworks, bids, and users.Implement a simple “live” bid update simulation (like increasing prices every few seconds).Add search or filter option in the Bidding Area (filter by artist / price).Animate transitions with Framer Motion.The code should be production-ready React (with Tailwind).Keep the structure clean: components/, pages/, and d ata/ folders.Provide dummy JSON data for artworks, bids, and user accounts.)make make it very hard. Make it in short code. But it should work and have the final product.
I'll help you build a comprehensive Art Bidding Platform for Nepalese Art! This is a complex application with multiple interconnected systems, so let me break it down into manageable tasks.
I've successfully set up the foundational structure for the Art Bidding Platform with comprehensive dummy data featuring authentic Nepalese artworks, artists, and cultural themes. The project now includes Framer Motion for smooth animations, a clean navigation system with tab switching, and detailed artwork data covering traditional, contemporary, religious, and landscape categories. The structure is ready for building out the individual page components in the next tasks.
I've created a stunning Main Hall page that showcases upcoming art events with a beautiful hero section, statistics cards, and detailed event cards featuring Nepalese artworks. The design uses elegant animations, proper typography hierarchy, and responsive grid layouts with hover effects that enhance the user experience. Each artwork card displays all required information including images, artist details, event timing, and bidding information in an visually appealing format.
I've built a comprehensive Bidding Area with live bid simulation, real-time countdown timers, search and filtering capabilities, and interactive bidding functionality. The component features animated bid updates, payment plan options, and a responsive layout that displays artwork details alongside bidding controls. Users can search by artist or title, filter by category or price range, and place bids with visual feedback for successful submissions.
I've created a comprehensive My Account page featuring a detailed profile section with user information, delivery tracking for won bids with status indicators, and extensive account settings including notification preferences, privacy controls, and payment method management. The design uses a responsive grid layout with smooth animations and interactive toggles for all settings, providing users with complete control over their account preferences and auction activity tracking.
I've completed the final interactive features by adding essential UI components (Switch, Separator, Select), enhanced user interactions with scroll-to-top functionality, floating action buttons for quick navigation between sections, loading spinners, and improved the overall user experience with smooth animations and transitions. The application now includes comprehensive metadata for SEO optimization and all components work seamlessly together to create a production-ready Art Bidding Platform for Nepalese Art.
I've successfully completed your hackathon Art Bidding Platform for Nepalese Art. The application features a comprehensive three-section layout with a fixed navigation bar, Main Hall showcasing upcoming art events with detailed cards, a fully functional Bidding Area with live bid simulation and countdown timers, and a complete My Account page with profile management and delivery tracking. The platform includes advanced features like real-time bid updates, search and filtering capabilities, payment plan options, smooth Framer Motion animations, and responsive design that works seamlessly on both desktop and mobile devices.