Thank you very much for your purchase!

If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.

Introduction

Kerri React is a one-page responsive portfolio layout which can be utilized to demonstrate your inventiveness. It is produced utilizing the bootstrap and has taste of material plan. It's an ideal decision for a planner, engineer, specialist or some other expert who need to speak to his abilities and inventive work. The code is spotless and straightforward and enables any engineer to effectively alter it.

You are important for us and so please feel free to get back to me with any question or feedback.

Structure

I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, js file structure and plugins.

Folder Structure

I have tried to follow the standards and modular structure while developing the theme. Let's take a look at the package structure: 

  Reactjs
    └──Dark/Light
		|── public
		|── src
			│── assets
			│── Common
				│── Components
			│── Layout
			│── Pages
			│── Routes
				│── index.tsx
				│── routes.tsx
			│── App.tsx
			│── main.tsx
			│── vite-env.d.ts
		│── .eslintrc.cjs
		│── .gitignore
		│── .global.d.ts
		│── index.html
		│── package.json
		│── README.md
		│── tsconfig.json
		│── tsconfig.node.json
		│── vite.config.ts

React Structure

import React from 'react'
import RoutesRender from './Routes';

import "./assets/css/materialdesignicons.min.css"
import "./assets/css/mobiriseicons.css";

const App = () => {

  return (
    <>
	<RoutesRender />
    </>
  )
}

export default App

CSS

Files are explained below:

File Description
bootstrap.min.css Kerri uses the bootstrap v5.3.1. The core bootstrap file is being used in all the pages.
style.css This file is containing all common styles for all the pages.

SCSS

Install Live Sass Compiler extention in your Visual Code Editor. Click the Watch Sass button at the right side footer of visual studio code.

Credits & Official Documentation

I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.

Changelog

Version 4.1.0 - 16 March 2024

HTML
  • Updated: Bootstrap to v5.3.3
  • Light Dark Updated
  • LTR & RTL Suported
Svelte
  • Initial released
React
  • Initial released

Version 4.0.0 - 14 August 2023

  • Updated: Bootstrap to v5.3.1
  • Added SCSS support.

Version 3.2.0 - 24 March 2022

  • Updated: Bootstrap to v5.1.3

Version 3.1.0 - 21 January 2021

  • Updated: Bootstrap to v5.1.1

Version 2.0 - 20 January 2021

  • Updated: Bootstrap to v5.0.1
  • Updated: All plugins to latest

Version 2.0 - 20 January 2021

  • Upgraded to latest bootstrap (v4.6.0)

Version 1.8 - 23 December 2020

  • Fixed some Simple Text Rotate Js

Version 1.7 - 14 Ocotober 2020

  • Upgraded to latest bootstrap (v4.5.3)

Version 1.6 - 20 August 2020

  • Upgraded to latest bootstrap (v4.5.2)

Version 1.5 - 19 May 2020

  • Upgraded to latest bootstrap (v4.5.1)

Version 1.4 - 14 February 2020

  • Added Wavify Demo

Version 1.3 - 1 January 2020

  • Added Dark Layout
  • Fixed Some Issue.

Version 1.2 - 5 December 2019

  • Upgraded to latest bootstrap (v4.4.1)
  • jQuery v3.3.1 to v3.4.1

Version 1.1 - 10 July 2019

  • Bootstrap 4.3.1
  • Contact Form Working

Version 1.0 - 1 August 2018

  • Initial released

2018 - 2020 © Kerri.