-
-
-
-
This is home page and Our curated digital masterworks showcase gallery, where users can browse, search, and discover premium, world-class .
-
The comprehensive web platform Control Panel showing the institutional identity, architectural details, and integrated toggle for UI lights.
-
The multi-channel checkout option menu supporting secure Encrypted Debit Card connections and PayPal global network clearance links
-
The structured Artist Portal form allowing creators to easily upload their digital drawings, input details, and set a custom starting bids.
-
This is the button the artist send the artist image to the admin page.
-
This home page it show the carts notification to the costumer or buyer.
-
The Live Online Auction portal showing real-time bidding updates, current high competitors, and the dynamic countdown timer for premium cart
-
The secure administrative entry gateway requiring an Admin Password validation handshake before granting verification access and for secure
-
This is the message of verifications between page and admin say welcome admin for entering in this page it already verified admin
-
Real-time pop-up notification confirming a successful STRIPE merchant payment authorization and automated licensing delivery routing
-
This is the payment process section help buyer to buying artist image and show it balance and how money cost for it payment
-
The internal Admin Control Panel layout where pending student drawings can be thoroughly audited, approved for live auction, or deleted .
-
It confirmation alert confirming that user transactional and product records have been securely written to the Firebase backend database
Inspiration
The Middle Eastern Market Centre (MEM ONLINE) is a scalable, cloud-hosted e-commerce web application designed to connect sellers and international clients through a seamless digital marketplace. The platform can be accessed live at: https://middle-eastern-market-centre.web.app. 2. Problem Statement Many local and regional businesses struggle to reach an international audience due to the lack of fast, reliable, and secure digital catalogs. Traditional marketplaces often face geographical limitations and rely on manual, outdated methods to showcase their products to potential buyers. 3. Proposed Solution MEM ONLINE solves this problem by providing a highly responsive, real-time digital marketplace. Built with modern web technologies, the platform allows dynamic product showcases and handles international client requests efficiently without requiring the administrator to manually edit the source code for every new product.
What it does
By digitizing the marketplace experience, MEM ONLINE aims to bridge the gap between local vendors and the global market, boosting digital trade, ensuring secure data handling, and setting a standard for modern e-commerce platforms in the region.
How we built it
Frontend: Built with optimized HTML5, advanced CSS styling, and responsive JavaScript templates to create a highly visual, gallery-focused interface. Database & Hosting: Powered entirely by Firebase for fast deployment and real-time database tracking. SEO Optimization: Configured using Google Search Console parameters to index and rank the web application on global search engines. Development Environment: Entirely coded and managed using a smartphone setup, showcasing high resourcefulness.
Challenges we ran into
Mobile Compilation: Writing extensive code, debugging scripts, and managing Firebase structures on a mobile interface presented serious viewport and keyboard limitations. Routing & Indexing: Ensuring the .web.app domain is properly parsed and published through Google Search Console protocols for global discovery.
Accomplishments that we're proud of
Effectively setting up a complete database connection and deploying a live web application (middle-eastern-market-centre.web.app) using only a phone. Creating a beautiful, clean, user-friendly storefront interface that highlights artwork dynamically
What we learned
Deepened technical skills in cloud database hosting, web structures, and production-level deployment. Learned how to structure code efficiently to match the fast indexing requirements of modern search engines.
What's next for MIDDLE EASTERN MARKET CENTRE
AI Integration: Adding an intelligent AI assistant (similar to features seen in top African innovations like Tichika) to help buyers learn the history and value of each drawing. Payment Gateways: Embedding automated payment integrations to manage multi-currency bids and international shipping automatically
Built With
- css
- firebase
- firebase-hosting
- firestore
- google-search-console
- html5
- javascript
- languages
