Elite Dangerous Galaxy Map - Next.js

A modern 3D galaxy map visualization for Elite Dangerous, rebuilt with Next.js, React, and Three.js.

🚀 Migration Complete!

This project has been successfully modernized from Angular.js 1.x to Next.js 15 with:

• ✅ React 19 + TypeScript
• ✅ Three.js 3D visualization
• ✅ Modern build system
• ✅ Responsive UI with Tailwind CSS

Features

• Interactive 3D Galaxy Map: Navigate through 1000+ star systems with smooth camera controls
• System Information: Click on systems to view detailed information including economy, allegiance, government, and population
• Color Coding: Systems color-coded by economy type for easy identification
• Responsive Design: Modern UI that works on desktop and mobile devices
• Real-time Data: API-driven system data with support for future database integration

Getting Started

Prerequisites

• Node.js 18.0.0 or higher
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/patrickrb/edGalaxyMap.git
cd edGalaxyMap

2. Install dependencies:

npm install

3. Run the development server:

npm run dev

4. Open http://localhost:3000 in your browser

Building for Production

npm run build
npm start

Technology Stack

• Frontend: Next.js 15, React 19, TypeScript
• 3D Graphics: Three.js with WebGL
• Styling: Tailwind CSS
• API: Next.js API Routes
• Build System: Next.js/Webpack (replaces legacy Grunt)

Legacy Migration

This project was migrated from:

• Angular.js 1.x → React 19
• Grunt + Bower → Next.js build system
• ES5 + Babel → Modern TypeScript
• Express.js → Next.js API routes
• Legacy dependencies → Modern packages

The original Angular.js codebase and server are preserved in the repository for reference.

---

Original Angular.js Documentation (Legacy)

Built with Angular and Three.js

Legacy Prerequisites (for Angular.js version)

• Git
• Node.js and NPM >= v5.1.0
• Bower (npm install --global bower)
• Ruby and then gem install sass
• Grunt (npm install --global grunt-cli)
• MongoDB - Keep a running daemon with mongod

Legacy Development (Angular.js)

1. Run npm install to install server dependencies.
2. Run bower install to install front-end dependencies.
3. Run mongod in a separate shell to keep an instance of the MongoDB Daemon running
4. Run grunt serve to start the development server. It should automatically open the client in your browser when ready.

Contributors

patrickrb

csvurt

Contributing

1. Fork the project
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is licensed under the MIT License.

Acknowledgments

• Elite Dangerous game by Frontier Developments
• Three.js community for excellent 3D graphics library
• Original contributors to the Angular.js version