Devpost Link: https://devpost.com/software/cyberinsecurity-cleanhaul

CleanHaul is an app designed to scrape the web for clothing descriptions, present them in a swipe-based UI for user interaction, and learn user preferences over time. The project consists of a frontend built with React and a backend server for web scraping and data management.

• Frontend: React, Swiper.js
• Backend: Python, Flask (for web scraping)
• Database: TBD (SQLite/PostgreSQL)

cyberinsecurity/
│── frontend/
│   │── src/
│   │   │── components/
│   │   │   └── Card.js    # Component for displaying a clothing item
│   │   └── swiper.js      # Handles swipe-based interactions
│   ├── App.js            # Main entry point for React app
│── webscrape/
│   ├── server.py         # Backend server for web scraping
│── README.md             # Project documentation

• Node.js & npm (for frontend)
• Python 3 & pip (for backend)

1. Navigate to the frontend directory:

   cd frontend

2. Install dependencies:

   npm install

3. Start the development server:

   npm start

1. Navigate to the webscrape directory:

   cd webscrape

2. Install dependencies:

   pip install -r requirements.txt

3. Run the backend server:

   python server.py

1. Start both the frontend and backend as described above.
2. Open the React app in the browser at http://localhost:3000.
3. Swipe left or right on clothing items.
4. The system will learn from your choices over time.

• Web Scraping: Fetches clothing descriptions dynamically.
• Swipe-based UI: Users can like/dislike items via swipes.
• Preference Learning: The app adapts to user preferences over time.

• Integration with a recommendation engine.
• User authentication and profile management.
• Persistent database storage for liked/disliked items.

This project is open-source under the MIT License.