https://github.com/taurusilver7/trivago
https://github.com/taurusilver7/trivago
Last synced: over 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/taurusilver7/trivago
- Owner: taurusilver7
- Created: 2023-01-05T19:34:37.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-03-07T16:52:28.000Z (over 3 years ago)
- Last Synced: 2025-02-02T12:35:53.013Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://trivago-xi.vercel.app
- Size: 4.2 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Trivago
> A modern Travel Agency Web App built using React JS, Tailwindcss & Vite configuration.
## Scripts
```bash
npm create vite@latest
#and
yarn install (install basic dependencies)
# and
yarn dev
# and
npm install -D tailwindcss postcss autoprefixer (add tailwind & postcss to the project)
# and
npx tailwindcss init -p (initiate tailwindcss & add tailwind postcss configuration to the project.)
```
## Build
Refactor the starter template in the project & add TailwindCSS template to the build.
Add the required fonts to the build & apply a layer to the base to set some ground rules on the page layout.
Create Navbar, Hero & Footer components. Create a data file to save the home-page template information. Extract the hero information to the hero section & populate the component.
Add custom screen layout in `tailwind.config.js` and adjust the image layout in the hero section.
Populate the hero section and the Navbar section. Minify the nav menus to the large screen resolution. Create a Popup component to expand the menu button in smaller screens.