🌌 Atlas26

A Digital Window Into Our Living Cosmos

Atlas26 is a real-time, interactive 3D space visualization platform designed to help humans explore, understand, and emotionally connect with the living universe.

It blends science, real-time data, cinematic visuals, and modern web technologies into a single immersive experience, allowing users to observe planets, satellites, orbital mechanics, and cosmic motion directly in their browser.

🚀 Atlas26 is not a static visualization, it is a living system.

---

🌠 Why Atlas Exists

Space is often presented as numbers, charts, textbooks, or abstract simulations.
Atlas was born from a simple idea:

What if space felt alive, beautiful, and emotionally engaging, not just educational?

Most people never truly feel the scale, motion, and beauty of our universe. Atlas aims to change that by creating a digital window into the cosmos where motion, light, time, and data come together in a cinematic way.

Atlas is built for:

• 🌍 Curious minds
• 🎓 Learners and students
• 🧠 Explorers and thinkers
• 🚀 Developers who love visual systems
• 🌌 Anyone who feels wonder when looking at the sky

---

🧭 Vision

Atlas26 aims to evolve into a living cosmic platform that combines:

• 🌐 Real-time orbital data
• 🛰️ Satellite tracking
• 🌍 Planetary simulation
• 🧠 AI-powered explanations
• 🎥 Cinematic storytelling
• 🎓 Educational exploration tools

Long-term, Atlas is envisioned as:

A digital observatory for the modern web.

---

✨ Current Features

• 🌍 Real-time Earth visualization
• 🌗 Day / Night terminator rendering based on sunlight direction
• 🛰️ ISS orbital positioning and tracking
• 🌙 Dynamic moon phase simulation
• 🪐 Interactive 3D scene using Three.js + React Three Fiber
• 🎥 Smooth camera movement and cinematic transitions
• ⚡ High-performance rendering using Next.js + TypeScript
• 🎨 Space-themed UI with custom typography and motion design
• 🧭 Local metadata system for celestial objects

---

🔮 Planned Features & Evolution

Atlas is actively evolving. Planned directions include:

🚀 Near-Term

• 🛰️ Real-time orbital data from NASA & Celestrak
• 🌍 Accurate planetary positions based on time engine
• 📊 Improved info panels with dynamic data
• 🎥 Enhanced lighting, atmospheres, and shaders
• 🧭 Camera presets for cinematic exploration

🌌 Mid-Term

• 🤖 AI-guided explanations of celestial objects
• 📚 Educational modes for students
• 🧪 Simulation controls (time speed, orbit toggles)
• 🗺️ Multiple celestial layers (satellites, debris, stations)

🌠 Long-Term

• 🕶️ WebXR-powered immersive exploration (VR headsets & spatial environments)
• 📱 Augmented Reality (AR) modes for mobile cosmic visualization
• 🧠 Narrative-driven cosmic storytelling experiences
• 🎓 Virtual classrooms and guided learning environments
• 🌌 Multi-user shared exploration experiments
• 🛰️ Advanced spatial simulations and cinematic experiences

---

🛠️ Tech Stack

• Framework: Next.js 16
• Language: TypeScript
• 3D Engine: Three.js + React Three Fiber
• Animation: Framer Motion
• Styling: Tailwind CSS
• State & Data: Local metadata + external APIs (planned)
• Build & Tooling: Vite / Next tooling
• Deployment: Vercel

---

🚀 Getting Started

Follow these steps to run Atlas26 locally on your machine.

🧩 Prerequisites

Make sure you have the following installed:

• ✅ Node.js 18+
• ✅ npm (comes with Node.js)
• ✅ Git

You can verify your setup by running:

node -v
npm -v
git --version

📦 Clone the Repository

git clone https://github.com/Abdul-Wasay-008/Atlas26.git
cd Atlas26

📥 Install Dependencies

npm install

▶️ Run the Development Server

npm run dev

Open your browser and navigate to:

http://localhost:3000

---

🖼️ Preview