Digtek - React Template Documentation

In order to kickstart the development of your web app with Niotech, the very first thing you need to do is to setup a react development environment.

Following tools are needed to setup a react dev environment:

• Node JS

NodeJS works as a node package manager behind the scene. It is recommended to download and install the latest version of Node JS from its official site http://nodejs.org/

To install Niotech on your local matchin, download the files from Themeforest and unzip them to the local disk on your computer.
Inside the extracted folder you will see two folders named 'digtek-documentation' and 'digtek-react'.
Open 'digtek-react' with a code editor like vscode. And follow the stapes below-

Open vscode terminal
Then run : npm install
Then run : npm run dev
Now in the browser go http://localhost:5173/
Production Build : npm run build

Open vscode terminal
Then run : yarn install
Then run : yarn run dev
Now in the browser go http://localhost:5173/
Production Build : yarn build

You can learn more in the Vite Documentation To learn Vite.

• public - All static files
  • assets/img - All images for this template
• src - Content all the react file
  • Components - All components with relevant Section
  • Layout - 3 different layout on that template
  • Pages - All pages on that template
  • Routes -Rroutes file
  • index.css - Main Css File
  • main.jsx - Entry poing of react app
• Css File
  • src/assets/main.css - Main Css File
• package.json - All packages have information
• node_modules - After install Niotech you can see this folder, this folder content all installed package.

• Home (/Pages/Home.jsx)
• Home2 (/Pages/Home2.jsx)
• Home3 (/Pages/Home3.jsx)
• About(/Pages/About.jsx)
• Blog(/Pages/Blog.jsx)
• BlogSidebar(/Pages/BlogSidebar.jsx)
• BlogDetails(/Pages/BlogDetails.jsx)
• Project(/Pages/Project.jsx)
• ProjectDetails(/Pages/ProjectDetails.jsx)
• Services(/Pages/Services.jsx)
• ServiceDetails(/Pages/ServiceDetails.jsx)
• Team(/Pages/Team.jsx)
• TeamDetails(/Pages/TeamDetails.jsx)
• PricingPage(/Pages/PricingPage.jsx)
• FaqPage(/Pages/FaqPage.jsx)
• Contact(/Pages/Contact.jsx)

Common Components:

• Header (/Components/Header)
• Footer (/Components/Footer)

Template Features:

• Vite 6.0.1+
• React JS 18.3.1+
• ES6+

If you go to the Component folder and open any Component page, you can see Component.

Here are the dependencies list which being used in the Niotech React Template:

           
              "dependencies": {
                "bootstrap": "^5.3.3",
                "bootstrap-icons": "^1.11.3",
                "html-react-parser": "^5.2.2",
                "localforage": "^1.10.0",
                "match-sorter": "^8.0.0",
                "react": "^18.3.1",
                "react-bootstrap": "^2.10.7",
                "react-dom": "^18.3.1",
                "react-router-dom": "^7.1.2",
                "react-slick": "^0.30.3",
                "slick-carousel": "^1.8.1",
                "sort-by": "^1.2.0"
              },
          
        

By default, the template loads Plus Jakarta Sans , DM Sans font from Google Web Font Services, you can change the font with the one that suits you best.

You will find the font code in the "src/assets/main.css"

For deploy first run the command npm run build or yarn build
Now you will get build folder.
Using an FTP Client (such as Filezilla or Total Commander), you will need to upload all of the contents of the 'build' folder to your server.

If you have any questions, please use our profile contact form on Envato ( https://themeforest.net/user/themeservices ) Or direct email us on nayon.storerepublic@gmail.com.
We aim to answer all questions within 2 days . In some cases the waiting time can be extended to 5 days.