https://github.com/nshahaf/space-tourism

My solution for frontend mentor space tourism challenge
https://github.com/nshahaf/space-tourism

framer-motion front-end-development react react-router scss vite

Last synced: 29 days ago
JSON representation

My solution for frontend mentor space tourism challenge

• Host: GitHub
• URL: https://github.com/nshahaf/space-tourism
• Owner: nshahaf
• Created: 2024-11-10T15:01:33.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-01-16T13:55:06.000Z (about 1 month ago)
• Last Synced: 2025-01-16T15:15:43.450Z (about 1 month ago)
• Topics: framer-motion, front-end-development, react, react-router, scss, vite
• Language: SCSS
• Homepage: https://nshahaf.github.io/space-tourism/
• Size: 2.31 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Mentor - Space tourism website solution

This is a solution to the [Space tourism website challenge on Frontend Mentor](https://www.frontendmentor.io/challenges/space-tourism-multipage-website-gRWj1URZ3). 

### The challenge

Users should be able to:

- View the optimal layout for each of the website's pages depending on their device's screen size

- See hover states for all interactive elements on the page

- View each page and be able to toggle between the tabs to see new information

### Built with

- Vite

- React

- React Router

- Semantic HTML5 markup

- SCSS 

- Flexbox & CSS Grid

- FramerMotion

- Responsive design

### Screenshots:

![image](https://github.com/user-attachments/assets/2249e450-f163-4e89-8de3-f2281c98c74e)

![image](https://github.com/user-attachments/assets/764f7db0-4e43-4dbb-81a5-2393ac85a99c)

![image](https://github.com/user-attachments/assets/e4ff99b8-3116-42fa-918d-0ea3316820e7)