← Back to projects

Front-end

The Solar System 2

An interactive project displaying information about celestial bodies in the solar system. Fully developed from scratch with a custom API and interactive animations.

The Solar System 2 screenshot 1

Overview

About the project

The Solar System 2 is an interactive full-stack project I rebuilt to strengthen my skills in React, TypeScript, and full-stack development. The project displays information about celestial bodies including planets, dwarf planets, asteroids, and galaxies.

I focused on creating a custom API, improving the design, and adding interactive animations to make the project more complete and engaging.

What it includes

Key features

  • Browse planets, dwarf planets, asteroids, and galaxies
  • Consume data from a custom API built for the project
  • Explore an interactive interface built with React and TypeScript
  • Use responsive layouts for desktop and mobile viewing
  • Enhance discovery with animations and interactive transitions

Stack

Technologies used

  • React
  • TypeScript
  • Tailwind CSS

Process

Decision Log

  • Rebuilding to deepen React and TypeScript skills

    This version was created as an improved rebuild focused on stronger architecture, better typing and a cleaner frontend.

  • Custom API integration

    A dedicated backend was used to serve celestial body data and make the project feel more complete and realistic.

  • Interactive learning experience

    Animations and interactive elements were added to make the project more engaging and visually dynamic.

  • Better presentation of scientific content

    The interface was designed to organise information about planets, asteroids and galaxies in a more accessible way.

Continue exploring

More Projects