Skip to content

8bocian/planets

Repository files navigation

Solar System Projects Showcase

Description

This Three.js application creates a solar system-themed projects showcase where each planet represents one of my projects. The planets visually display information about the projects in a creative and interactive manner.

Preview

Check the out website

Features

  • Dynamic Planet Visualization: Each planet in the solar system represents a different project.

  • Interactive User Experience: Users can explore the solar system and interact with each planet to view project details.

  • Data-Driven Content: Project information is dynamically loaded from the info variable, allowing for easy updates and additions.

Usage

  1. Clone the repository:
git clone https://github.com/your-username/your-repo.git


Certainly! Below is a basic template for a README.md file for your Three.js app displaying projects as planets. You can copy and paste this into your GitHub repository:

markdown
Copy code
# Solar System Projects Showcase

## Description

This Three.js application creates a solar system-themed projects showcase where each planet represents one of my projects. The planets visually display information about the projects in a creative and interactive manner.

## Preview

Include a screenshot or gif showcasing your application.

## Features

- **Dynamic Planet Visualization:** Each planet in the solar system represents a different project.
  
- **Interactive User Experience:** Users can explore the solar system and interact with each planet to view project details.

- **Data-Driven Content:** Project information is dynamically loaded from the `info` variable, allowing for easy updates and additions.

## Usage

1. Clone the repository:

```bash
git clone https://github.com/your-username/your-repo.git
  1. Open the index.html file in a web browser.

  2. Explore the solar system by interacting with the planets.

Projects Data (info variable)

const info = [
  {
    name: "Project 1",
    description: "Description of Project 1.",
    link: "https://github.com/your-username/project1",
  },
  {
    name: "Project 2",
    description: "Description of Project 2.",
    link: "https://github.com/your-username/project2",
  },
  // Add more project entries as needed
];

Update the info variable in your JavaScript code with details of your projects.

Dependencies

Make sure you have the required dependencies included in your project. Check the index.html file for script references.

Author

Oskar "Bocian" Możdżeń

License

This project is licensed under the MIT License. See the LICENSE.md file for more information.