Skip to content

๐ŸŽ Mukdahan travel Project: A landing page using Next.js + styled-components

Notifications You must be signed in to change notification settings

alohadancemeow/next-travel-102

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

25 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ“Œ Mukdahan-discover Project

The Mukdahan-discover project is a collaborative effort designed to promote and showcase the beauty of Mukdahan Province, Thailand. This project serves as a valuable resource for both local residents and potential tourists, providing a platform to learn about and explore the various cultural and natural wonders that Mukdahan has to offer. This project is designed to:

  • Empower Travelers: Equip you with all the necessary information to plan a memorable trip to Mukdahan, from renowned landmarks and hidden gems to local experiences and cultural insights.
  • Ignite Interest: Spark your curiosity and ignite a passion for the unique character of Mukdahan, showcasing its vibrant culture, stunning landscapes, and delectable cuisine.
  • Support Local Tourism: Contribute to the growth of tourism in Mukdahan by providing a platform to connect travelers with local businesses and attractions.

๐Ÿš€ Getting Started

For developers eager to contribute or extend the project's functionality, here's a quick guide:

  1. Clone the Repository:
git clone https://github.com/alohadancemeow/next-travel-102.git
  1. Install Dependencies: Once you've cloned the repository, navigate to the project directory and install the required dependencies using npm:
npm install
  1. Start Development: With the dependencies in place, you're ready to start developing! Run the following command to launch the development server:
npm run dev

This will initiate the development server, allowing you to make changes to the code and see them reflected in real-time within your browser.

๐Ÿ“ Technology Stack

The Mukdahan-discover project leverages a robust tech stack to deliver a visually stunning and interactive user experience:

  • styled-components - Streamlines the creation of reusable and maintainable UI components using styled-in-JS syntax.
  • remixicon - Provides a comprehensive set of high-quality, customizable icons that enhance the visual appeal of the project.
  • react-scroll - Facilitates smooth and user-friendly scrolling behavior within the web application.
  • react-share - Allows users to effortlessly share their discoveries with their networks via social media platforms with the help of react-share.
  • swiper - Implement an interactive and visually appealing swiper component, ideal for showcasing captivating images or content in a carousel-like format.
  • aos - (Animate On Scroll) Injects delightful animations that activate as users scroll, adding a touch of dynamism to the user interface.

๐ŸŽ‰ Screenshot

image

๐Ÿ‘‹ Live site: Mukdahan Hope you enjoy it!โœŒ๏ธ

About

๐ŸŽ Mukdahan travel Project: A landing page using Next.js + styled-components

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published