eBay Clone with Marko.js

This is a simplified eBay clone built with Marko.js, Express, and Node.js. The application demonstrates how to build a modern e-commerce UI with server-side rendering using Marko templates.

Features

• Responsive design mimicking eBay's interface
• Dynamic category navigation
• Featured items display
• Daily deals section with discounts
• Mock data for demonstration purposes
• Server-side rendering with Marko.js

Installation

1. Clone the repository
2. Install dependencies:

npm install

Running the Application

Start the development server:

npm run dev

Or to run in production mode:

npm start

Then open your browser and navigate to: http://localhost:3000

Project Structure

ebay-marko-clone/
├── server.js                  # Express server configuration
├── package.json               # Project dependencies and scripts
├── src/
│   ├── components/            # Reusable Marko components
│   ├── data/                  # Mock data for the application
│   │   └── mockData.js        # Product and category data
│   └── pages/
│       └── home/              # Home page
│           ├── browser.json   # Browser dependencies
│           ├── index.js       # Route handler
│           └── template.marko # Marko template
└── static/                    # Static assets (CSS, images, etc.)

Dependencies

• express - Web server framework
• marko - Template engine for server-side rendering
• compression - Response compression middleware
• nodemon - Development tool for auto-restarting the server

Mock Data

The application uses mock data located in src/data/mockData.js to simulate an e-commerce inventory. In a real application, this would be replaced with database calls or API requests.

Note

This is a demonstration project for educational purposes only. It is not affiliated with eBay.

ebay-marko-clone