# Atlas26 **Repository Path**: LRH158/Atlas26 ## Basic Information - **Project Name**: Atlas26 - **Description**: No description available - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: main - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 1 - **Forks**: 0 - **Created**: 2026-04-10 - **Last Updated**: 2026-04-13 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README Hero ![Stars](https://img.shields.io/github/stars/Abdul-Wasay-008/Atlas26?style=flat-square) ![License](https://img.shields.io/github/license/Abdul-Wasay-008/Atlas26?style=flat-square&cacheSeconds=1&v=2) ![Last Commit](https://img.shields.io/github/last-commit/Abdul-Wasay-008/Atlas26?style=flat-square) # ๐ŸŒŒ 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: ```bash node -v npm -v git --version ``` ### ๐Ÿ“ฆ Clone the Repository ```bash git clone https://github.com/Abdul-Wasay-008/Atlas26.git cd Atlas26 ``` ### ๐Ÿ“ฅ Install Dependencies ```bash npm install ``` ### โ–ถ๏ธ Run the Development Server ``` bash npm run dev ``` Open your browser and navigate to: ```bash http://localhost:3000 ``` --- ## ๐Ÿ–ผ๏ธ Preview Hero Dashboard Hst Moon