A modern, dark-themed redirect page built with Express.js featuring countdown timers and auto-redirect functionality.
- Modern dark theme with blue accents
- Configurable countdown timer
- Auto-redirect option with localStorage
- Stop/cancel redirect functionality
- Easy configuration via JSON file
- Fully responsive design
- Install dependencies:
npm install- Start the server:
npm startFor development with auto-reload:
npm run devThe server will run on http://localhost:3000 by default.
Edit config.json to customize your redirect page:
{
"redirectUrl": "https://shadowdevs.com",
"logoUrl": "/logo.png",
"countdownSeconds": 5,
"autoKey": "dev"
}- redirectUrl: The destination URL for the redirect
- logoUrl: Path to your logo image (place in
public/folder) - countdownSeconds: Number of seconds before redirect (default: 5)
- autoKey: Local Storage Key for Auto Redirect (Change if using same domain, but want to reset people's auto redirect)
Place your logo image in the public/ folder and update the logoUrl in config.json:
{
"logoUrl": "/your-logo.png"
}- First Visit: User sees countdown timer (5 seconds by default)
- Stop Redirect: Cancels the countdown and changes button to "Redirect Now"
- Enable Auto-Redirect: Saves preference to localStorage and immediately redirects. On future visits, user is instantly redirected without countdown.
shadow-redirect/
├── server.js # Express server
├── config.json # Configuration file
├── package.json # Dependencies
└── public/
├── index.html # Main page
├── styles.css # Styling
├── script.js # Client-side logic
└── logo.png # Your logo (add this)
Edit public/styles.css and modify the CSS variables and color values to match your brand.
Set the PORT environment variable:
PORT=8080 npm startOr modify server.js:
const PORT = process.env.PORT || 3000;MIT License - Shadow Development