THE RED TASK is a futuristic space mission dashboard and visualization platform designed to track and simulate the interception of the 31/ATLAS asteroid. It features a premium, immersive interface with real-time orbital mechanics simulations and mission control capabilities.
- Immersive Hero Section: A stunning landing page with 3D-style sphere animations, orbiting particles, and deep space aesthetics.
- Orbital Visualization: Real-time JavaScript simulation of solar system dynamics, tracking the Earth, asteroid 31/ATLAS, and other celestial bodies.
- Mission Dashboard: interactive control panel for:
- Viewing live telemetry (Distance, Velocity, Orbital Period).
- Calculating mission trajectories (Hohmann Transfers).
- Adjusting simulation parameters (Orbit Eccentricity, Semi-Major Axis).
- Responsive Design: Fully optimized for desktop and mobile devices.
- Dynamic Effects: Glassmorphism UI, shooting stars, parallax backgrounds, and smooth CSS animations.
- HTML5: Semantic structure.
- CSS3: Advanced animations, gradients, flexbox/grid layouts, and glassmorphism effects.
- JavaScript (Vanilla): DOM manipulation, animation logic, and simulation calculations.
- Clone the repository:
git clone https://github.com/yourusername/the-red-task.git
- Open the project:
Simply open
index.htmlin your web browser to view the landing page. Navigate to "Start Your Journey" to access the mission dashboard (start.html).
This project is optimized for deployment on Vercel.
- Push your code to a GitHub repository.
- Import the project into Vercel.
- Vercel will automatically detect the static HTML files and deploy your site.
index.html: Main landing page with hero section.start.html: Mission control dashboard and simulation.abouts.html: Overview of related space projects.style.css: Global styles and animations.
Contributions are welcome! Please feel free to submit a Pull Request.
Created by Prashant