https://github.com/programmersiam/ps-travel_ui_ux

Build and Deploy a Fully Responsive Modern UI/UX Website, React.js, Next.js 13, Tailwind CSS
https://github.com/programmersiam/ps-travel_ui_ux

nextjs react-dom tailwindcss typescript

Last synced: 2 months ago
JSON representation

Build and Deploy a Fully Responsive Modern UI/UX Website, React.js, Next.js 13, Tailwind CSS

• Host: GitHub
• URL: https://github.com/programmersiam/ps-travel_ui_ux
• Owner: ProgrammerSiam
• Created: 2024-05-08T11:34:17.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-05-10T00:57:30.000Z (about 2 years ago)
• Last Synced: 2025-03-13T04:30:24.062Z (over 1 year ago)
• Topics: nextjs, react-dom, tailwindcss, typescript
• Language: TypeScript
• Homepage: https://ps-travel-ui-ux.vercel.app
• Size: 5.7 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  


     

  


  


    

    

    

  


  
Travel Website


   


     Build this project step by step in JavaScript Mastery YouTube Channel.

    



## 📋 Table of Contents

1. 🤖 [Introduction](#introduction)

2. ⚙️ [Tech Stack](#tech-stack)

3. 🔋 [Features](#features)

4. 📚 [What I learned from this project](#learn)

5. 🚀 [Extra features added to this project](#add)

## ⚙️ Tech Stack

- Next.js

- Tailwind CSS

## 🔋 Features

👉 **Appealing Hero Section**: Visually striking hero section that captures attention and sets the tone for the website

👉 **Camp Exploration Section**: Showcase various camps in a dedicated section, allowing users to explore different options.

👉 **Engaging Travel Guide Section**: A compelling travel guide section with informative content and captivating visuals.

👉 **Feature-Rich Section**: A complex and feature-rich section offering advanced functionalities or in-depth information.

👉 **Call to Action for Mobile Apps**: A call-to-action section encouraging users to explore the mobile app version, complete with download links.

👉 **Footer**: Comprehensive footer section containing site and social media links for easy navigation and connectivity.

and many more, including code architecture and reusability 

## 📚 Learn

-  Learn how to build a fully responsive website

-  Learn how to position elements on a webpage

-  Learn how to write clean code

-  Learn how to create a clean and modern user interface

-  Learn how to build modern websites

 

## 🚀 Extra features added

 

  **navbar**:

-  loading..

-  loading..

  **Route[/sign up]**:

- loading..

- loading..

 **Route[/sign in]**:

- loading..

- loading..

## Connect with me!

  

[![Facebook Badge](https://img.shields.io/badge/Facebook-1877F2?style=for-the-badge&logo=facebook&logoColor=white)](https://www.facebook.com/ProgrammerSiam.xyz) 

[![Youtube Badge](https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white)](https://youtube.com/@programmersiam) 

[![Linkedin Badge](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/programmersiam/) 

[![Instagram Badge](https://img.shields.io/badge/Instagram-E4405F?style=for-the-badge&logo=instagram&logoColor=white)](https://www.instagram.com/programmersiam/) 

[![Twitter Badge](https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white)](https://twitter.com/ProgrammerSiam) 

[![Mail Badge](https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white)](mailto:mehedihasansiam.com@gmail.com)

## License

This project is free to use  and does not contains any license.