.png)
.png)
.png)
├── backend
│ ├── main.py
│ ├── pinterest.py
├── frontend
│ ├── assets
│ ├── node_modules
│ ├── public
│ ├── src
│ │ ├── assets
│ │ ├── App.css
│ │ ├── App.jsx
│ │ ├── main.jsx
│ ├── index.html
│ ├── package-lock.json
│ ├── package.json
└── .gitignore
└── LICENSE
└── README.md
- Clone the repo from Github.
- Open in your code editor and in the frontend directory run
npm install. - In a new splitted terminal, navigate to backend and install requirements using
pip install -r requirements.txt. - Then run
python main.pyto run the Python backend. - Finally, run
npm run devin the other terminal to start the React frontend.
- Frontend with React using Vite.
- Backend with Python using BeautifulSoup, Huggingface, and Flask.
- Axios for communication between frontend and backend.
- Get the URL, count and media types from the frontend and pass to the backend.
- Scrape the URL and download media.
- Process images and extract captions.
- Extract keywords.
- Send results as
jsonto the frontend. - Visualize results in the frontend.