https://github.com/progress2002/space-tourism
This is a solution to the Space tourism website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
https://github.com/progress2002/space-tourism
reactjs tailwindcss
Last synced: 9 months ago
JSON representation
This is a solution to the Space tourism website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
- Host: GitHub
- URL: https://github.com/progress2002/space-tourism
- Owner: Progress2002
- Created: 2023-03-28T13:44:47.000Z (about 3 years ago)
- Default Branch: dev
- Last Pushed: 2023-08-02T23:30:50.000Z (almost 3 years ago)
- Last Synced: 2025-01-14T05:49:27.977Z (over 1 year ago)
- Topics: reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://space-tourism-lozc.onrender.com/
- Size: 2.51 MB
- Stars: 4
- 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). Frontend Mentor challenges help you improve your coding skills by building realistic projects.
## Table of contents
- [Overview](#overview)
- [The challenge](#the-challenge)
- [Links](#links)
- [💻 Getting Started](#getting-started)
- [My process](#my-process)
- [Built with](#built-with)
- [What I learned](#what-i-learned)
- [Continued development](#continued-development)
- [Author](#author)
## Overview
### 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
### Screenshot
### Links
- Live Site URL: [Live Demo](https://space-tourism-lozc.onrender.com)
To get a local copy up and running, follow these steps.
### Prerequisites
In order to run this project you need:
- Code editor (preferably 'Vs code')
- NodeJs
- Git
- Browser
### Setup
Clone this repository to your desired folder:
```sh
cd my-folder
git clone https://github.com/Progress2002/space-tourism.git
```
-
### Install
Install this project with:
1. Install Node Modules
```sh
npm install
```
### Usage
To run the project, execute the following command:
1. Generate a full static production build
```sh
npm run build
```
2. Start the development server
```sh
npm start
```
## My process
### Built with
- TailwindCSS
- React.js
- Mobile-first workflow
### What I learned
Working on this project:
- I got to fully understand state lifting in react
- I got to understand and use Tailwind css
If you want more help with writing markdown, we'd recommend checking out [The Markdown Guide](https://www.markdownguide.org/) to learn more.
### Continued development
- Add animations
- Add Booking page
👤 **Progress2002**
- GitHub: [@Progress2002](https://github.com/Progress2002)
- Twitter: [@Progress_2002](https://twitter.com/Progress_2002)
- LinkedIn: [@Progress](https://www.linkedin.com/in/progress-ezeamaka-27b114247)
- Frontend Mentor - [@Progress2002](https://www.frontendmentor.io/profile/progress2002)
Contributions, issues, and feature requests are welcome!
Feel free to check the [issues page](https://github.com/Progress2002/space-tourism/issues).
If you like this project please leave a star. Thank you 🙏