Space Tourism Website

Welcome to the Space Tourism Website project! This project is built using React with Vite and styled using Tailwind CSS. The design is based on the Figma file attched from https://www.frontendmentor.io/. Figma File:

Table of Contents

• Introduction
• Features
• Getting Started
  • Prerequisites
  • Installation
  • Running the Project
• Project Structure
• Pages
  • Home
  • Destination
  • Crew
  • Technology
• Fonts
• Technologies Used
• Contributing
• License

Introduction

The Space Tourism Website is an interactive and visually appealing platform designed to provide information about space travel destinations, crew members, and technologies involved. The project aims to offer users an immersive experience as they explore different sections of the website.

Features

• Home Page: Welcome page with a brief introduction and a call-to-action button.
• Destination Page: Detailed information about different space destinations.
• Crew Page: Profiles of crew members involved in space travel.
• Technology Page: Insights into the technologies used in space exploration.

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Installation

1. Clone the repository:

   git clone https://github.com/Eustusmurea/Space-walker-website.git
   cd space-Space-walker-website

2. Install dependencies:

   npm install
   # or
   yarn install

Running the Project

1. Start the development server:

   npm run dev
   # or
   yarn dev

2. Open your browser and visit:

   http://localhost:5173
   

Project Structure

Space-walker-website/
├── public/
│   ├── assets/
│   └── index.html
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── App.css
│   ├── App.tsx
│   ├── index.css
│   └── main.tsx
│   └──  index.html
├── .gitignore
├── package.json
├── README.md
└── tailwind.config.js

Pages

Home

The home page serves as the landing page with a welcome message and a prominent call-to-action button.

Destination

This page provides detailed information about various space destinations including the Moon, Mars, Europa, and Titan.

Crew

Profiles of the crew members involved in space travel are showcased here, including their roles and biographies.

Technology

Insights into the technologies used in space exploration, divided into sections like Vehicle, Spaceport, and Capsule.

Fonts

The project uses the following Google Fonts:

• Bellefair
• Barlow Condensed
• Barlow

Technologies Used

• React: JavaScript library for building user interfaces.
• Vite: Next-generation front-end tool for faster builds.
• Tailwind CSS: Utility-first CSS framework for styling.
• React Router: For handling routing within the application.

Contributing

Contributions are welcome! Please fork the repository and create a pull request with your changes. Ensure your code adheres to the project's coding standards and conventions.

License

This project is licensed under the MIT License