Castro - React Construction Template

24/7 Support: Send Us a message from our Support Page

Thank you for purchasing our template. If you have any questions that are beyond the scope of this help file, please feel free to open a new ticket at our support forum

IMPORTANT: It's built with React and It's not a regular HTML Template.

Installation
  • Node.js and NPM : You can download Node.js from https://nodejs.org. NPM comes bundled with Node.js.
Install Npm Packages
  • NPM : You must have to npm install packages. You can do this by running npm install from the root of your project to install all the necessary dependencies.
Development server
  • Run npm start for a dev server. Navigate to http://localhost:3000/ . The app will automatically reload if you change any of the source files.
Build
  • Run npm run build to build the project. The build artifacts will be stored in the build/ directory. Use the npm run build --prod flag for a production build.
castro/                            // root folder
+
|——template
|  |——config/
|  |——public/
|  |  |——assets/                   
|  |  |    |——css/                  --css files
|  |  |    |——fonts/                --fonts files
|  |  |    |——img/                  --images files
|  |  |    |——js/                   --js files
|  |  |    |——scss/                 --scss files
|  |  |——favicon.ico
|  |  |——index.html
|  |——src/
|  |  |——blog/                      --blogs with different variations
|  |  |——components/                --Component Files Folder
|  |  |——demo_page/                 
|  |  |——pages/                     --about, contact, 404 etc. pages
|  |  |——project/                   --project related pages like project, project details pages
|  |  |——service/                   --service related pages like service, service details with left and right sidebar pages
|  |  |——home-one.js        
|  |  |——home-two.js          
|  |  |——index.js        
|  |  |——index.scss        
|  |  |——serviceWorker.js         
|  |——package.json                  -- npm config: dependencies list
|  |——package-lock.json               
+
+
├─build/                            -- folder with builded (ready to use) files
│  ├─ assets/                       -- assets folder
│  ├─ Static/                       -- static folder
│  │  ├─ css                        -- styles folder
│  │  ├─ js                         -- scripts
│  │  └─ media                      -- images Folder
│  └─ index.html                    -- index html file
+

Help: Forther details can be found here official documentation https://reactjs.org/docs/getting-started.html.
Header Structure
Footer Structure
How to change Logo ?
How to change Copyright ?
How to change HomePage Content and Images ?
  • You can change object data easily (Dynamic Sections : Demos, Blogs, Features) Path : castro/src/demo_page/Demo.js
Component Structure
  • Easy to Understand props object Loop Path : castro/src/demo_page/component/Pages.js
Dependencies
  • @react-countup Doc: https://www.npmjs.com/package/react-countup/v/2.0.0
  • @react-id-swiper Doc: https://www.npmjs.com/package/react-id-swiper
  • @react-lightgallery Doc: https://www.npmjs.com/package/react-lightgallery
  • @react-modal-video Doc: https://www.npmjs.com/package/react-modal-video
  • @react-tabs Doc: https://reactcommunity.org/react-tabs/
  • @react-visibility-sensor Doc: https://www.npmjs.com/package/react-visibility-sensor

Once again thank you for purchasing one of our Templates

Best Regards

Hastech