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.
For developers eager to contribute or extend the project's functionality, here's a quick guide:
- Clone the Repository:
git clone https://github.com/alohadancemeow/next-travel-102.git
- Install Dependencies: Once you've cloned the repository, navigate to the project directory and install the required dependencies using npm:
npm install
- 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.
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.