Remix

Make your own version of SECTOR-0 Command

Edit the prompt below and generate a customized version in seconds.

Original by Mohammed

Describe your app

Create a AAA-quality futuristic intelligence web application called SECTOR-0.

The login page must feel like entering a classified military command center.

Background:
- Fullscreen cinematic looping video of a dark intelligence headquarters.
- Agents walking.
- Operators working on computers.
- Large world map screens.
- Red emergency lights.
- Rain and subtle fog outside windows.
- Scanline CRT effect.
- Film grain.
- Random glitch flashes every few seconds.
- Floating HUD elements.
- Repeating transparent red SECRET text moving slowly in the background.

Center Login Panel:
- SECTOR-0 logo.
- Username.
- Password.
- ACCESS button.
- Smooth animations.
- Glassmorphism.
- Neon red accents.

Top Right:
- Live UTC Clock.

Bottom Left:
System Status
Network Secure
Threat Level High
Encrypted Connection

Animations:
- Mouse parallax.
- Fade transitions.
- Smooth hover effects.
- Particle system.
- Ambient moving lights.

After login:
Create a complete dashboard with:
- User statistics.
- Assigned missions.
- Mission progress.
- Rank.
- Department.
- Sidebar navigation.
- Admin panel.
- Mission management.
- User management.
- Dark cyberpunk design.

Use React, TailwindCSS, Framer Motion and Three.js.

The final website should look like a mix of Call of Duty headquarters, Watch Dogs interface and a classified government intelligence network.

. What framework do you want?
React + Vite + Tailwind CSS

. Do you want authentication?
Yes.
Use JWT authentication with admin and user roles.

Database?
SQLite for development.
The project should be easy to migrate later to PostgreSQL.

4. Backend?
Node.js with Express.

. Theme?
Dark military cyberpunk.

Black background.
Dark gray panels.
Red neon accents.
Glassmorphism.
Smooth animations.
Professional intelligence agency interface.

6. Do you have assets?
No.
Use placeholders for videos, icons and logo.
I will replace them later.
What pages?
Login
Dashboard
Missions
Mission Details
Notifications
Profile
Admin Dashboard
Users
Add User
Tasks
Statistics
Settings

8. Extra effects?
Yes.

Background video.

Animated particles.

Moving SECRET text.

HUD elements.

Glitch effects.

CRT scanlines.

Film grain.

Live UTC clock.

Smooth page transitions.

Parallax mouse movement.

8. Extra effects?
Yes.

Background video.

Animated particles.

Moving SECRET text.

HUD elements.

Glitch effects.

CRT scanlines.

Film grain.

Live UTC clock.

Smooth page transitions.

Parallax mouse movement.

Yes.

Seed demo accounts for testing.

Admin Account:
Username: admin
Password: admin123

User Account:
Username: agent001
Password: agent123

The admin should have full permissions:
- Manage users
- Add/Edit/Delete missions
- View logs
- View statistics
- Manage departments

The demo user should already have:
- Full profile
- Personal code: S0-0001
- Department: Cyber Operations
- Rank: Elite Agent
- 3 completed missions
- 2 active missions
- 1 failed mission

Also seed realistic statistics and example mission history so the dashboard doesn't look empty.

After finishing, continue automatically to build the cinematic login page with the animated background, HUD effects, glitch effects, scanlines, moving SECRET text, and the complete SECTOR-0 design. Do not stop to ask for confirmation unless absolutely necessary.

Make the animated scene feel like a classified intelligence command center.

Include:
- Shadowy agent silhouettes walking in the background.
- Large animated world map with tracking points.
- Floating holographic HUD panels.
- Slow red warning lights.
- Moving fog.
- CRT scanlines.
- Film grain.
- Random glitch effects.
- Mouse parallax.
- Floating red "SECRET" text with very low opacity.
- Live UTC clock.
- Secure terminal messages appearing randomly such as:
  - ACCESS GRANTED
  - ENCRYPTING...
  - CONNECTING TO NODE...
  - AGENT ONLINE
  - CLASSIFIED

The login panel should stay centered with glassmorphism and smooth animations.

The final result should feel like entering a top-secret intelligence network rather than a normal website.

Use a real persistent SQLite database.

Store users, missions, departments, mission history, statistics, logs and authentication in the database.

Do not use mock data or static JSON except for the initial demo seed.

Statistics must be calculated automatically from the stored mission data.

The database should persist between application restarts.

Use MongoDB with Mongoose.

Create real CRUD functionality for:

- Users
- Missions
- Departments
- Logs
- Statistics

Admin can:
- Create users
- Edit users
- Delete users
- Assign missions
- Update mission status
- Search users by personal code
- View complete user history
- View mission history
- View login history
- Manage departments

User can:
- View only their own profile
- View assigned missions
- Update mission progress
- View personal statistics

All data must be persistent and stored in MongoDB.

Keep the dark + neon red classified aesthetic.

Color palette:
- Background: #050505
- Panels: #111111
- Borders: #2A2A2A
- Primary accent: #C1121F
- Secondary accent: #8B0000
- Text: #F2F2F2
- Secondary text: #8A8A8A

The atmosphere should feel like a top-secret intelligence headquarters.

Add:
- Very subtle red ambient lighting.
- Glassmorphism panels.
- Metallic textures.
- Soft reflections.
- Thin glowing borders.
- CRT scanlines.
- Film grain.
- Random glitch effects.
- Smooth animations.
- Floating HUD graphics.
- Low-opacity moving "SECRET" text.
- Live UTC clock.
- Red warning indicators.
- Small blinking status LEDs.
- Professional military typography.

The design should be minimal, elegant, and cinematic, not flashy or game-like. It should feel like a real classified government system.

INITIALIZING SECTOR-0...

Loading Secure Modules...
██████████ 100%

Establishing Encrypted Connection...

Accessing Classified Network...

WELCOME TO SECTOR-0

Now polish the entire UI.

Make every page feel premium and cinematic.

Improve spacing, typography, animations, transitions, hover effects, loading states, charts, cards, sidebar, tables, and forms.

Everything should look like a AAA intelligence command system, with consistent dark military styling, smooth interactions, and production-quality UI.

Free to use. No credit card required.