EcomGenie

EcomGenie is a web application that allows you to import products from various sources and display them on a user-friendly interface.

UI

Homepage

Image

Filters

Image

ChatBot

Image

Table of Contents

• EcomGenie
  • UI
  • Table of Contents
  • Download
  • Environment Variables
  • Setup
    • Backend
    • Frontend
  • Running the Application
  • Import Products
  • Contributing
  • License

Download

To get started, download the project repository from the following link:

Download Repository

Environment Variables

Before running the application, you need to set up the following environment variables:

• SCRAPER_API_KEY: Your Scraper API key ( Sign up)
• GROQ_API_KEY: Your Groq API key. ( Sign up )

You can set these variables in a .env file at the root of the project.

Setup

Backend

1. Navigate to the backend directory:

   cd backend

2. Install dependencies:

   npm install

Frontend

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   npm install

Running the Application

1. Start the backend server:

   cd backend
   node index.js

2. Start the frontend development server:

   cd frontend
   npm run dev

3. Visit the application: Open your web browser and go to http://localhost:5173 to see the running application.

Import Products

You can import up to 5 products using the provided interface. Simply add the product details, and they will be displayed on the application. Some data is already hardcoded for you. On the right side, you will find a chatbot to interact with and help you choose the right product.

Contributing

Contributions are welcome! Please open an issue or submit a pull request if you find any bugs or have suggestions for improvements.

License