Getting Started

Introduction

Banner
Dreams Tour DreamsTour - Travel and Tour Booking Admin Dashboard Template

DreamsTour - Travel and Tour Booking Admin Dashboard Template

Contact Support Create Support ticket

Requirement

Technologies
  • Framework React Js
  • React 19.0.0
System Requirements
  • React version >= 19.0.0
  • Node js Package
  • Node version >= ^20.3.0
  • Yarn package (Optional)
  • Visual Studio Code
  • Terminal

Features

– Build with React 19.0.0
– Build with React Scripts
– Create React App Supported
– Hooks based architecture
– Pure Components Based ReactJs
– Fully Responsive Design
– Multiple Layouts
– User friendly design

File Structure

Installation Guide

After unzipping Template Files, you will find our product DreamsTour ->Reactjs(Source code)

Mandatory are npm and node are needed to run the reactjs project

Once unzipped the files,run the command:

npm install (or) npm i

For running a project , run the command:

npm start

If you want to run the project and make the build in the production mode then run the following command in the root directory, otherwise the project will continue to run in the development mode. 

npm run build

To install any plugins in your application, you have to run the following command 

npm install plugin_name --save

How can I switch to the Dark Mode?

You will see a Light mode and Dark mode button in the header. Choose any one of the option to change website theme.

dark-image
Light Mode
dark-image
Dark Mode

If you need to set static Theme to your template please class="dark-mode" in <html class="dark-mode"></html> at index.html file in public folder.

How can I switch to the RTL?

  • Add Bootstarp RTL
    pic

    Please remove marked style in src/index.tsx file and replace it with below style 

    "import "../node_modules/bootstrap/dist/css/bootstrap.rtl.min.css";"
  • Add Class in Body tag in public/index.html file
    pic 
    class="layout-mode-rtl"

To enable Right-to-Left (RTL) layout in a Bootstrap-powered page, you need to follow these steps to ensure proper support and display for RTL languages like Arabic, Hebrew, etc. Here’s a guide with clear steps and explanations.

Step 1: Applying RTL Direction via CSS

[dir="rtl"] {
			background: #fff;
			left: 0;
			position: fixed;
			right: 0;
			top: 0;
			height: 66px;
		}

Explanation: The direction: rtl; property is applied to the "html" element via the CSS style block.This ensures that the entire content of the page flows from right to left.

Custom Cursor Implementation

The styles for the custom cursor are located in the cursor.scss file. You can find this file in the following directory:

Path: scss/components/cursor.scss
Cursor Html code:

		
		<div class="xb-cursor tx-js-cursor">
			<div class="xb-cursor-wrapper">
				<div class="xb-cursor--follower xb-js-follower"> </div>
			</div>
		</div>

The script for the custom cursor are located in the feature.tsx file. You can find this file in the following directory:

Path: src/feature-module/feature.tsx
cursor

You can also disable the custom cursor by commenting out or removing the Cursor component from your code.

Custom Loader Implementation

The loader can be fully customized to align with your brand, including color, animation style, size, and duration.

Loader Html code:

		
		<div id="loader-wrapper" >
			< div id="loader">
				<span className="loader-line" > </span>
			</div>
		</div>

The script for the custom loader are located in the feature.tsx file. You can find this file in the following directory:

Path: src/feature-module/feature.tsx
cursor

You can also disable the custom Loader by commenting out or removing the Cursor component from your code.

FAQs

With one purchase code you can use it on one domain name. You need to get new license for every new domain name, please check Envato Help Page for more information about licenses.

If you need support, or if you're facing any problems, please contact us via Envato Support
Please note that our respond can take up to 2 business days.

  • Availability to answer questions, Answering technical questions about item’s features, Assistance with reported bugs and issues, Help with included 3rd party assets.
  • Any customization request will be ignored.
  • Please make sure to read more about the support policy.

Support

If this documentation does not address your questions, please feel free to contact us via email at Item Support Page

We are in the GMT+5:30 time zone and typically respond to inquiries on weekdays within 12-24 hours. Please note that in rare cases, the response time may extend to 48 hours, especially during holiday seasons.

Note:

We strive to offer top-notch support, but it's only available to verified buyers and for template-related issues such as bugs and errors. Custom changes and third-party module setups are not covered.

Don’t forget to Rate Dreams Tour!
Please take a moment to rate our product on Themeforest. Your support means a lot to us. Just go to your Themeforest Profile > Downloads Tab, and you can leave a review for our script. Thank you!

License

Dreams Tour is developed by Dreams Technologies and is available under both Envato Extended & Regular License options.

Regular License

Usage by either yourself or a single client is permitted for a single end product, provided that end users are not subject to any charges.

Extended License

For use by you or one client in a single end product for which end users may be charged.

What are the main differences between the Regular License and the Extended License?

Note

If you operate as a freelancer or agency, you have the option to acquire the Extended License, which permits you to utilize the item across multiple projects on behalf of your clients.

Credits

Plugin Name URL
Bootstrap https://getbootstrap.com/docs/
jQuery https://jquery.com/
Fontawesome https://fontawesome.com/
Select2 https://github.com/select2/select2
Date Timepicker https://cdnjs.com/libraries/jquery-datetimepicker
Google Fonts https://fonts.google.com/
Fancy Box http://fancybox.net/
Moment JS https://momentjs.com/
theia-sticky-sidebar https://github.com/WeCodePixels/theia-sticky-sidebar
Range-Slider https://ionicframework.com/docs/api/range

Do you need a customized application for your business?

If you need a customized application for your business depends on your specific requirements and goals, Please contact us.

Customization can be the key to success, ensuring your project perfectly aligns with your unique goals and requirements.

Don't Miss Out on the Benefits of Customization!

Unlock the potential of your project. It's time to ensure that your project isn't just another cookie-cutter solution but a truly unique and effective one.

Discover how customization can make a difference in your project's success. Let's create a solution that's as unique as your vision!

  • We'll tailor the application to meet your specific needs and preferences.
  • We will upload your website to the server and ensure it is live.
Book an Appointment Get a Free Quote
dreamstechnologies [email protected]
thanks

Thank You

Thank you once again for downloading Dreams Tour.
We hope you're enjoying your experience, and we kindly request that you take a moment to share your valuable review and rating with us.

Review Link:https://themeforest.net/downloads