Solar System Explorer
- 3 Devlogs
- 3 Total hours
Creating a website for people to learn more about the solar system, a simple way to learn about the planets along with animations
Creating a website for people to learn more about the solar system, a simple way to learn about the planets along with animations
Hi all,
This is Days 3, 4, 5 of solar system explorer. Over these couple of days, I mainly focused on getting the background stars to work, and started to add clickable buttons where users can click buttons to learn more about the planets. Here is summary of what I accomplished:
What worked: I made the planets interactive and created a system for displaying information about each planet.
Issue: The website needed a way to organize all of the planet information.
How I worked on it: I created a JavaScript object called planetData. Each planet stores its information inside the object. Clicking a planet calls the showPlanet() function.
Next goal: Create a planet index so users can select planets without having to find them in the animation.
Hi all,
This is Day 2 on working on solar system explorer. Today I learned more about how to actually use HTML to format this website, I am learning fast. Here is the conclusion of todays session:
What worked:
I created the main structure of the website and added navigation
Issue:
The sections were only text and did not contain the actual educational parts yet
How I worked on it:
I used HTML sections and navigation links. CSS was used to organize the header and page
Next goal:
Create the actual Solar System visual
Hi all,
Starting a new project today which is going to be called Solar System (Explorer)! Since I haven’t made a website using HTML before, today was really simple and just getting the basics going.
What worked:
I created the basic structure of the Solar System Explorer website using HTML.
Issue:
The website initially had no interactive features or solar system graphics.
How I worked on it:
I used HTML to create the page structure and CSS to control the background, text, and spacing.
Next goal:
Create the main website layout and navigation.