Skip to content

This is a little school project A website of a 2D scheme of our solar system, where the user is able to freely explore. The porpuse of the project is to teatch children about the planets and the Sun.

License

Notifications You must be signed in to change notification settings

GabrielGrabalos/Solar-System-WebSite

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎉 Fun Fact


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! 🍹


🌟 The Solar System Website 🚀

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!

🎉 Features

  • 🖌️ 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.

💻 Technologies Used

  • 🚀 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.

🚀 Getting Started

To run this project locally, follow these steps:

  1. 🖥️ Clone this repository to your local machine.
  2. 📦 Install Node.js if you haven't already.
  3. 📊 Install MongoDB and ensure it's running.
  4. 📂 Navigate to the project directory in your terminal.
  5. ⚙️ Run npm install to install dependencies.
  6. 🔗 Set up your MongoDB connection string in the appropriate configuration file.
  7. 🚀 Run npm start to start the server.
  8. 🌐 Open your web browser and navigate to http://localhost:3000 to access the application.

🌟 Usage

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 ℹ️.

🚀 Contributing

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 🌟.

🌠 Credits

This project was created with love by Gabriel Grabalos 🌟. Feel free to contact me with any questions or suggestions 🚀.

📝 License

This project is licensed under the MIT License 📄. Feel free to use, modify, and distribute the code for educational purposes 🚀.

☄️ Future Features

  • 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!

Thanks for the interest! I hope to see you exploring a lot of our solar system!

🫵 Heads up!

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! 🌠

About

This is a little school project A website of a 2D scheme of our solar system, where the user is able to freely explore. The porpuse of the project is to teatch children about the planets and the Sun.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published