Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mounishvatti/globetrek
GlobeTrek is a sleek and modern UI/UX implementation of a travel website built using Next.js and Tailwind CSS. This project aims to provide an exceptional user experience with seamless navigation and visually appealing design.
https://github.com/mounishvatti/globetrek
nextjs14 tailwindcss ui-design ux vercel-deployment
Last synced: about 2 months ago
JSON representation
GlobeTrek is a sleek and modern UI/UX implementation of a travel website built using Next.js and Tailwind CSS. This project aims to provide an exceptional user experience with seamless navigation and visually appealing design.
- Host: GitHub
- URL: https://github.com/mounishvatti/globetrek
- Owner: mounishvatti
- Created: 2024-06-21T17:09:58.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-21T19:03:59.000Z (7 months ago)
- Last Synced: 2024-06-23T09:52:25.899Z (7 months ago)
- Topics: nextjs14, tailwindcss, ui-design, ux, vercel-deployment
- Language: TypeScript
- Homepage: https://globetrek-five.vercel.app
- Size: 5.65 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# GlobeTrek
GlobeTrek is a sleek and modern UI/UX implementation of a travel website built using Next.js and Tailwind CSS. This project aims to provide an exceptional user experience with seamless navigation and visually appealing design.
## Features
- **Responsive Design:** Ensures optimal viewing on various devices.
- **Dynamic Content:** Fetches and displays data dynamically.
- **Interactive UI:** Smooth navigation and user interactions.
- **Tailored Experiences:** Custom travel suggestions based on user preferences.
## Technologies Used
- **Next.js:** A React framework for server-side rendering and static site generation.
- **Tailwind CSS:** A utility-first CSS framework for rapidly building custom designs.
- **React:** A JavaScript library for building user interfaces.
- **Vercel:** Deploying Next.js applications.
## Installation
To get a local copy up and running, follow these steps:
1. **Clone the repository:**
```bash
git clone https://github.com/mounishvatti/globetrek.git
```
2. **Navigate to the project directory:**
```bash
cd globetrek
```
3. **Install dependencies:**
```bash
npm install
```
## Usage
To start the development server:
```bash
npm run dev
```
Open your browser and navigate to `http://localhost:3000` to see the website in action.
To build the project for production:
```bash
npm run build
```
To start the production server:
```bash
npm start
```
## Folder Structure
```
globetrek/
├── public/ # Public assets and images
├── components/ # Reusable UI components
├── app/ # layout and homepage
├── constants/ # various data and image/svgs
├── .gitignore # Git ignore file
├── package.json # NPM package configuration
├── tailwind.config.js # Tailwind CSS configuration
└── README.md # Project documentation
```
## Contributing
We welcome contributions to enhance GlobeTrek! To contribute, follow these steps:
1. Fork the repository.
2. Create a new branch (`git checkout -b feature/YourFeature`).
3. Commit your changes (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Open a pull request.