This is a solution to the Space tourism website challenge on Frontend Mentor.
This is a front-end web development project for a conceptual space tourism website, built using Angular. The project aims to demonstrate skills in creating a multi-page, interactive, and visually appealing user interface.
Key features of the website include:
Destinations: Users can explore different celestial bodies like the Moon, Mars, Europa, and Titan. Each destination page provides details such as average distance and estimated travel time, along with descriptive text and an image.
Crew: The website features a crew section where users can learn about the different members of the space tourism team, including their roles and biographies.
Technology: An informative section is dedicated to the technology behind space travel, explaining concepts like launch vehicles, spaceports, and space capsules.
Users should be able to:
The application is structured using five distinct components: navbar, home, destination, crew, and technology, which are seamlessly integrated using Angular routing. The user interface features an intuitive tab-based navigation, powered by Angular Material’s mat-tab module, allowing users to easily navigate between sections without a full page reload.
Angular Fundamentals: I have gained hands-on experience with the core concepts of the Angular framework, including: