https://github.com/getfrontend/app-url-downloader
A modern web application for downloading files from URLs
https://github.com/getfrontend/app-url-downloader
Last synced: 9 months ago
JSON representation
A modern web application for downloading files from URLs
- Host: GitHub
- URL: https://github.com/getfrontend/app-url-downloader
- Owner: getFrontend
- Created: 2025-04-26T16:43:29.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-26T18:19:03.000Z (about 1 year ago)
- Last Synced: 2025-04-26T19:20:57.532Z (about 1 year ago)
- Language: TypeScript
- Homepage: https://urld.vercel.app
- Size: 163 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# URL Downloader App
A modern web application for downloading files from URLs and creating a ZIP archive. Built with Next.js, React, and Tailwind CSS.
## Features
- 🔗 Download files from multiple URLs simultaneously
- 📦 Automatically create ZIP archives of downloaded files
- 🖼️ Convert images to PNG format when needed
- 🌓 Dark/Light theme support
- 🔄 CORS bypass using multiple proxy servers
- 📱 Responsive design for all devices
## How It Works
1. Enter a list of URLs in the format: `url, filename`
2. The application downloads each file, handling CORS restrictions
3. Files are processed and packaged into a ZIP archive
4. Download the complete archive with a single click
## Technology Stack
- **Framework**: Next.js 15.3
- **UI Library**: React 19
- **Styling**: Tailwind CSS 4.1
- **File Processing**: JSZip for archive creation
## Getting Started
First, install the dependencies:
```bash
npm install
# or
yarn install
# or
pnpm install
```
Then, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](http://localhost:3000) with your browser to see the application.
## Usage Examples
The application accepts URLs in the following format:
```
https://example.com/image.jpg, my-image
https://example.com/document.pdf, important-document
```
Each line should contain a URL and a filename separated by a comma.
## Project Structure
- `/src/components` - React components
- `/src/utils` - Utility functions for file processing
- `/src/types` - TypeScript type definitions
- `/public` - Static assets
## Key Components
- **DownloaderService** - Main application component
- **FileDownloader** - Handles file downloads with retry logic and proxy support
- **ArchiveCreator** - Creates ZIP archives from downloaded files
- **ImageConverter** - Converts images to PNG format when needed