This is a solution to the Space tourism website challenge on Frontend Mentor.
Live Site URL: https://space-tourism-website-frontendmentor-zeta.vercel.app
This is a website for a fictional space tourism company. It has 3 pages: home, destinations and about. The home page has a slider with 3 slides. The destinations page has a list of destinations. The about page has a list of team members.
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
Screen.Recording.2023.05.22.at.11.14.48.mp4
- TypeScript - For type checking
- Next.js - React framework
- Tailwind CSS - For styles
- Framer motion - For animations
- Making setInterval Declarative with React Hooks by Dan Abramov - This helped me to create a custom hook for setInterval. Typescript implementation of this hook was also helpful.
- Website - Alex Efimenko
- Frontend Mentor - Profile
- LinkedIn - @aleksandr-efimenko