FTP Seer Client 🔍
A modern, responsive web interface for exploring FTP directories. Built with Astro and Tailwind CSS.
This is a modern reimagining of the original SvelteJS version
✨ Features
- 🚀 Blazing Fast - Built with Astro for lightning-fast performance
- 📱 Mobile First - Fully responsive design that works on all devices
- 🎨 Modern UI - Beautiful interface with Tailwind CSS and glassmorphism effects
- 🔍 Directory Browser - Explore FTP directories with an intuitive file manager
- 📄 File Viewer - View file contents directly in the browser
- 🔗 API Integration - Seamlessly integrates with the FTP Seer API
🚀 Getting Started
Install dependencies:
npm install
**Start development server:**add
npm run dev
Access the application:
- Visit
http://localhost:4321 for the landing page
- Visit
http://localhost:4321/demo for the interactive FTP explorer
Build for production:
npm run build
🌐 Deployment on Vercel
This project is optimized for deployment on Vercel with static site generation.
Quick Deploy
Push your code to GitHub:
git add .
git commit -m "Prepare for Vercel deployment"
git push origin main
Deploy to Vercel:
- Go to vercel.com
- Click "New Project"
- Import your GitHub repository
- Vercel will automatically detect it's an Astro project
- Click "Deploy"
Vercel CLI Deploy
npm install -g vercel
vercel
Configuration
The project includes:
- ✅
vercel.json - Vercel deployment configuration
- ✅
.vercelignore - Files to exclude from deployment
- ✅ Static site generation optimized for Vercel
- ✅ Node.js engine specification
📁 Project Structure
src/
pages/
index.astro # Landing page with features and info
demo.astro # Interactive FTP directory explorer
public/
favicon.svg # Custom favicon
🔧 Tech Stack
🌐 API Integration
This client integrates with the FTP Seer API to provide:
- Directory Listing - Browse FTP directories
- File Viewing - Read file contents
- Multiple Server Support - DriveHQ, Rebex Test, and custom servers
API Endpoints Used:
GET /api/directory - List directory contents
GET /api/file - Get file content
🎯 Demo
Try the interactive demo at /demo to explore FTP directories:
- Select a server - Choose from DriveHQ, Rebex Test, or enter custom details
- Browse directories - Navigate through folders and files
- View files - Click on files to view their contents
- Navigate - Use breadcrumbs and back button for easy navigation
📱 Mobile Responsive
The application is fully responsive and optimized for:
- 📱 Mobile phones
- 📟 Tablets
- 💻 Desktop computers
- 🖥️ Large screens
🔗 Links
📄 License
MIT License - feel free to use this project for your own needs!