https://github.com/psparwez/travel-ui-ux
Responsive travel website with React, Next.js, and Tailwind CSS.
https://github.com/psparwez/travel-ui-ux
next-js-project nextjs14 reactjs tailwindcss travel-website typescript-project
Last synced: 3 months ago
JSON representation
Responsive travel website with React, Next.js, and Tailwind CSS.
- Host: GitHub
- URL: https://github.com/psparwez/travel-ui-ux
- Owner: psparwez
- Created: 2024-12-01T02:24:13.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-12-01T12:08:25.000Z (6 months ago)
- Last Synced: 2025-01-05T10:12:44.603Z (4 months ago)
- Topics: next-js-project, nextjs14, reactjs, tailwindcss, travel-website, typescript-project
- Language: TypeScript
- Homepage: https://travel-ui-ux-eta.vercel.app/
- Size: 5.71 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Travel Website
Fully responsive personal Travel website,
Responsive for all devices, built using NextJS, Tailwind CSS, and TypeScript.
### Demo Screeshots
## 📋 Table of Contents
1. 🤖 [Introduction](#introduction)
2. ⚙️ [Tech Stack](#tech-stack)
3. 🔋 [Features](#features)
This project is a modern landing page built using **Next.js**, **TailwindCSS**, and **TypeScript**. It showcases a clean, responsive design while leveraging the power of these technologies to create a fast, scalable, and user-friendly website.
- **`Next.js`**
- **`Tailwind CSS`**
- **`TypeScript`**
## 🔋 Features
👉 **Appealing Hero Section**: A visually stunning hero section that grabs attention and sets the mood for the website.
👉 **Camp Exploration Section**: A section where users can explore and learn about different camps.
👉 **Engaging Travel Guide Section**: A travel guide section filled with useful information and captivating images.
👉 **Feature-Rich Section**: A section packed with advanced features or detailed information.
👉 **Call to Action for Mobile Apps**: A section that encourages users to check out and download the mobile app.
👉 **Footer**: A footer with links to other pages and social media for easy access.
And much more, including code structure and reusable components.
## 🤸 Quick Start
To set up the project on your local machine, follow these steps.
### Prerequisites
Before starting, make sure you have the following installed:
- [Git](https://git-scm.com/)
- [Node.js](https://nodejs.org/en)
- [npm](https://www.npmjs.com/) (Node Package Manager)
### Steps
1. **Clone the repository:**
```bash
git clone https://github.com/psparwez/travel-ui-ux.git
```
2. **Navigate to the project folder:**
```bash
cd travel-website
```
3. **Install the project dependencies using npm:**
```bash
npm install
```
4. **Running the Project :**
```bash
npm run dev
```
5. Open [http://localhost:3000](http://localhost:3000) in your browser to view the project.
---
## 📞 Contact
If you have any questions, encounter issues, or would like to collaborate on this project, feel free to reach out!
[](https://github.com/psparwez/psparwez/)
[](https://www.linkedin.com/)
### Reporting Issues
If you encounter any bugs or have suggestions, please open an issue on the [GitHub Issues page](https://github.com/psparwez/travel-ui-ux/issues).
I look forward to hearing from you and collaborating!
### License
[MIT](https://choosealicense.com/licenses/mit/)