Skip to content

Latest commit

 

History

History
121 lines (92 loc) · 3.46 KB

README.md

File metadata and controls

121 lines (92 loc) · 3.46 KB

eBay Listing App

Introduction

This web application aims to simplify the process of creating eBay listings by leveraging data from CSV/XLS files. The app provides a user-friendly interface for uploading data, previewing the listing, and customizing the HTML code. This allows users to create professional-looking eBay listings efficiently.

Technologies

  • Frontend: React
  • Backend: Node.js (Express.js), Python (Flask)
  • CSV/XLS Parsing: Pandas (Python)
  • Database: (Optional) SQLite

Project Structure

ebay-listing-app/
├── frontend/
│   ├── src/
│   │   ├── App.js
│   │   ├── components/
│   │   │   ├── FileUpload.jsx
│   │   │   ├── ListingPreview.js
│   │   │   ├── CodeEditor.js
│   │   │   └── ...
│   │   └── ...
│   ├── public/
│   │   └── index.html
│   └── package.json
├── backend/
│   ├── app.py
│   ├── routes/
│   │   ├── listing.py
│   │   └── ...
│   ├── utils/
│   │   ├── csv_parser.py
│   │   └── ...
│   ├── config.py
│   └── ...
└── server/
    ├── server.js
    ├── routes/
    │   ├── listing.js
    │   └── ...
    ├── middleware/
    │   └── ...
    ├── config.js
    └── ...

Installation & Setup

  1. Install Node.js and npm: https://nodejs.org/

  2. Install Python: https://www.python.org/

  3. Install Dependencies:

    cd frontend
    npm install
    cd ../backend
    pip install -r requirements.txt
    cd ../server
    npm install
  4. Start the Servers:

    cd frontend
    npm start
    cd ../server
    npm start
    cd ../backend
    flask run

Usage

  1. Open your browser and navigate to http://localhost:3000 (frontend).
  2. Upload a CSV/XLS file.
  3. View the data in the listing preview.
  4. Edit the HTML/CSS/JS code of the listing.
  5. Generate the complete HTML code of the listing.

Features

  • CSV/XLS Upload: Import CSV/XLS files containing listing information.
  • Data Parsing: Extract data from files and convert it to a structured format.
  • Listing Preview: Display a real-time preview of the listing based on the data.
  • Code Editing: Allows users to customize the HTML/CSS/JS code of the listing.
  • HTML Code Generation: Generate the complete HTML code for the listing to be used on eBay.

Advanced Features (Planned)

  • Integration with eBay API: Automate the process of publishing listings directly to eBay.
  • Image Uploading: Allow users to upload product images directly to the application.
  • Template Library: Provide pre-designed templates for different types of eBay listings.
  • User Authentication: Secure user accounts and store listing data for future use.
  • Database Integration: Store listing data persistently using a database (SQLite or other).

Development Notes

  • This project is currently under development and may contain bugs or limitations.
  • The backend (Python) may require additional modules for full eBay API integration.
  • Security measures should be implemented to protect user data and prevent unauthorized access.

Contributing

Contributions are welcome! Please submit a pull request with your changes and include a clear description of the changes made.

License

MIT