Coming Soon Page - Shadow Development

A modern, dark-themed coming soon page built with Express.js featuring an optional countdown timer and configurable settings.

Features

• Modern dark theme with blue accents
• Optional countdown timer
• Easy configuration via JSON file
• Fully responsive design
• Smooth animations

Installation

1. Install dependencies:

npm install

2. Start the server:

npm start

For development with auto-reload:

npm run dev

3. Open your browser and navigate to:

http://localhost:3000

Configuration

Edit config.json to customize your coming soon page:

{
	"port": "3000",
	"siteName": "Shadow Development",
	"tagline": "Something amazing is coming soon",
	"description": "We're working hard to bring you something special. Stay tuned!",
	"logo": "/images/logo.png",
	"countdown": {
		"enabled": true,
		"targetDate": "2025-12-31T23:59:59"
	},
	"backgroundColor": "#0a0e27",
	"accentColor": "#3b82f6"
}

Configuration Options

• port: Port for the application
• siteName: Your site or company name
• tagline: Main heading text
• description: Supporting description text
• logo: Path to your logo image (relative to static folder)
• countdown.enabled: Set to true to show countdown, false to hide
• countdown.targetDate: Target date/time in ISO format (YYYY-MM-DDTHH:mm:ss)
• backgroundColor: Page background color (hex code)
• accentColor: Accent color for highlights and buttons (hex code)

Adding Your Logo

Replace the placeholder logo by adding your image file to:

static/images/logo.png

Or update the path in config.json to point to your logo file.

Customization

Disable Countdown

Set countdown.enabled to false in config.json:

"countdown": {
  "enabled": false
}

Change Colors

Update the color values in config.json:

"backgroundColor": "#1a1a2e",
"accentColor": "#00d4ff"

Modify Content

Edit any text content directly in config.json:

"siteName": "Your Company Name",
"tagline": "Your custom tagline",
"description": "Your custom description"

Deployment

Port Configuration

The server uses port 3000 by default. To use a different port (priority: command line > json file):

PORT=8080 npm start

OR

"port": "8080",

Production

For production deployment, consider using:

• PM2 for process management
• Nginx as a reverse proxy
• HTTPS/SSL certificates

File Structure

├── server.js           # Express server
├── config.json         # Configuration file
├── package.json        # Project dependencies
├── static/
│   ├── index.html     # Main HTML file
│   ├── style.css  	   # Styles
│   ├── app.js         # Client-side JavaScript
│   └── logo.png       # Logo image
│   └── favicon.ico    # Favicon image
└── README.md

License

MIT License - Shadow Development

Support

For questions or support, visit shadowdevs.com/contactus