This project holds a special place in my heart as it marks my first-ever full-stack project! 🥰
It's been an exciting journey exploring the depths of space while diving into web development.
Here's to many more adventures ahead! 🍹
Welcome to The Solar System Website ( I still have to figure out a better name )! 🌌 Embark on an exciting journey through space and learn all about our fascinating solar system! 🪐 Get ready to blast off into a universe of fun and discovery! 🚀💫 Try it out right now!
- 🖌️ Explore the solar system by panning and zooming around a canvas.
- ℹ️ Click on planets to reveal information cards containing interesting facts.
- 🎨 Enjoy animated camera movements and other interactive details while exploring.
- 🚀 Express.js: A web application framework for Node.js. 📄 EJS: Embedded JavaScript templates for dynamic web content.
- 🛰️ MongoDB: A NoSQL database for storing planet information.
To run this project locally, follow these steps:
- 🖥️ Clone this repository to your local machine.
- 📦 Install Node.js if you haven't already.
- 📊 Install MongoDB and ensure it's running.
- 📂 Navigate to the project directory in your terminal.
- ⚙️ Run
npm installto install dependencies. - 🔗 Set up your MongoDB connection string in the appropriate configuration file.
- 🚀 Run
npm startto start the server. - 🌐 Open your web browser and navigate to
http://localhost:3000to access the application.
Once the application is running, you can start exploring the solar system by interacting with the canvas 🎨. Click on planets to learn more about them through information cards ℹ️.
Contributions to this project are welcome! If you have ideas for new features, improvements, or bug fixes, please open an issue or submit a pull request 🌟.
This project was created with love by Gabriel Grabalos 🌟. Feel free to contact me with any questions or suggestions 🚀.
This project is licensed under the MIT License 📄. Feel free to use, modify, and distribute the code for educational purposes 🚀.
-
I'm currently working on a 2024 update to better structure the code, files, and overall enhance the application. Once that's done, it'll be posted on GitHub Pages or some other more suitable service.
-
With time, I'll keep adding more and more details, so I'm planning to make this very easily scalable!
Thanks for the interest! I hope to see you exploring a lot of our solar system!
It may not seem like it, but I'm still currently working on this project. I'm finishing my Firestore configuration and soon will return to our usual commits.
For now, my TODOs are:
- Retrieving and showing the planets information;
- Adding more details related to the celestial bodies (rings, moons, texture, more celestial bodies present on our Solar System, etc.);
- Navigation tutorial;
- Settings tab for user experience;
- Better animation and navigation systems;
- Cleaner code.
I really hope to see you following this journey with me! 🌠