Get 45% OFF on any of our products, Limited Time Offer. Ending Soon!

Eventlab – Event & Conference Organization React Template

Introduction #

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome!
You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly. Basic HTML and CSS knowledge is required to customize this template. You may learn the basics here, here, and here.

  • Item Name : Eventlab – Event & Conference Organization React Template
  • Item Version : V 1.0.0
  • Author : Egens Lab
  • License : Un License

EventLab is a React template for events, meetups & conferences. For the companies who plan events, meetings this template is very much suitable. It’s very user-friendly and easy to customize. It has two impressive home pages and 15+ well-decorated inner pages. The layouts also look beautiful on any responsive device. It has been designed according to the latest trend. It’s completely W3C validated and SEO friendly so it can easily be organized for event management purposes.

Getting Started #

1. Install the recommended version of Node.js

2. Use command line (PowerShell or terminal) to navigate to project root directory

3. Run the following commands, one after another:

npm install
npm start

4. In your browser navigate to http://localhost:3000

5. That’s all! Now you should see your site.

Project Structure #

TourX – Tours And Travel Agency is a component-based application. Pages, widgets and elements are in separate files. Third-party plugins added as dependencies in Package.json


Home (src/components/pages/home/HomePage.jsx)
Home2 (src/components/pages/home2/HomePageTwo.jsx)
About (src/components/pages/about-us/AboutUs.js)
Event (src/components/pages/events/eventDetails/EventDetails.js)
Speaker (src/components/pages/speakers/Speaker.js)
Gallery (src/components/pages/gallery/Gallery.js)
Schedule (src/components/pages/Schedule/Schedule.js)
FAQ (src/components/pages/Faq/FAQ.js)
404 (src/components/pages/404/Error.js)
Pricing (src/components/pages/pricing/Pricing.js)




UI components:






SCSS Styles

Global styles and variables you can find here:


CSS Styles

Global styles:


All assets directory


All Utilities


Color Themes #

f you would like to edit the color, font, or style of any elements in one of these columns, you would do the following :

.text-contain h3 { color: #some_color; }

If you find that your new style is not overriding, it is most likely because of a specificity problem. Scroll down in your CSS file and make sure that there isn’t a similar style that has more weight.


.service-area .text-contain h3 { color: #some_color; }

So, to ensure that your new styles are applied, make sure that they carry enough “weight” and that there isn’t a style lower in the CSS file that is being applied after yours.

Contact Form #

This project uses the service EmailJS to work with contact forms. It has very simple and intuitive setup. All you need to do is create your own account and connect email with the service. And then just put your own identification data in template code:

"Service ID",
"Template ID",
"User ID"

Deployment #

The easiest way to deploy a React-based project in your server, but you can use whichever hosting you like (some steps or settings might be different, however). Here are the steps to deploy the project in hosting:

Run "npm run build" command in your terminal.
Done. Now make your deployment build file as zip and upload in your server.

Dependencies #

The following list of dependencies will be installed automatically after you run the npm install command:

"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"jquery": "^3.6.0",
"js-datepicker": "^5.18.0",
"moment": "^2.29.1",
"react": "^17.0.2",
"react-countup": "^6.1.0",
"react-datepicker": "^4.3.0",
"react-dom": "^17.0.2",
"react-fancybox": "^0.2.5",
"react-modal-video": "^1.2.8",
"react-moment": "^1.1.1",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.3",
"react-wow": "^1.0.0",
"sass": "^1.38.0",
"simple-react-lightbox": "^3.6.8",
"swiper": "^6.8.4",
"web-vitals": "^1.0.1",
"wowjs": "^1.1.3"

Sources and Credits #

I’ve used the following images, icons or other files as listed :

1. Images #

2. CSS Files #

3. JavaScript Files #

4. Fonts #

Template Customization #

How to Customize this Template : #

Go to This Link Click Me

Once again, thank you so much for purchasing this theme. As I said at the beginning, I’d be glad to help you if you have any questions relating to this theme. No guarantees, but I’ll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the “Item Discussion” section.

Login to your account