### Introduction

Kingho - Kindergarten React NextjsTemplate

### Local Development Environment Setup

In order to kickstart the development of your web src with Kingho, the very first thing is to setup an Angular development environment.

#### Getting Started

Name | Description
--- | ---
`index.js` | Used for configuration of project specific settings. You can add external styles and scripts, change the output folder, add assets, add environment files and more.
`node_modules` | All external modules used are here. Do not mess with this folder, as it is auto-generated by using `npm install`.
`package.json` | Contains all dependencies used for production and development.
`src` | Contains all React Jsx code, assets and basically everything the end user will have access to.

- Node.js and NPM : If NodeJS is not installed then download it from https://nodejs.org/. NPM comes bundled with Node.js

#### NPM Packages

- Before proceding you'll need to install npm 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 localhost:3000/. The src will autometically reload if you change any of the source files.

#### Building

- Run `npm run build` to build the project. The build artifacts will be stored in the `build/` directory. Use the `run build` flag for a production build.

#### More Help

- To get more help on the `react` use `npm --help` or go check out the React Support.

### Pages Info

- Home Page 1 (/pages/)
- Home Page 2 (/pages/home2)
- About Us (/pages/about)
- Blog Grid (/pages/blog-grid)
- Blog List (/pages/blog-list)
- Blog Detail (/pages/blog-single)
- Calendar (/pages/calendar)
- classes (/pages/classes)
- events (/pages/events)
- event2 (/pages/event2)
- event-details (/pages/event-details)
- Classe Details (/pages/classe-details)
- faq (/pages/faq)
- pricing (/pages/pricing)
- program (/pages/program)
- program-details (/pages/program-details)
- shop (/pages/shop)
- shop-details (/pages/shop-details)
- teacher (/pages/teacher)
- teacher-details (/pages/teacher-details)
- testimonials (/pages/testimonials)
- gallery (/pages/gallery)
- time-table (/pages/time-table)
- Contact Us (/pages/Contact)

###### Template Features:

- Built on React 17.0.1
- Attractive Homepage
- Responsive in Any Device
- Retina Ready
- Creative and Beautiful Layout
- Fast, Lightweight & Powerful
- Smooth Transition Effects
- ES6+
- Clean And Professional Coding
- Creative and Modern Design
- Bootstrap (v4.5.0)
- Simple Client-side Routing (page based)
- Google Font and Icon Used
- Integrated With IcoFont and FlatIcon
- Easily Customizable
- Well Commented Code
- Detailed Documentation

### Dependencies

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

        "dependencies": {
            "next": "12.1.2",
            "nouislider-react": "^3.4.1",
            "react": "17.0.2",
            "react-apexcharts": "^1.4.0",
            "react-bootstrap": "^1.6.1",
            "react-countup": "^6.1.1",
            "react-dom": "17.0.2",
            "react-visibility-sensor": "^5.1.1",
            "swiper": "^8.0.7",
            "wowjs": "^1.1.3"
          }

### Fonts

By default, the template loads Salsa, Rubik , Rajdhani and Mulish font from Google Web Font Services, you can change the font with the one that suits you best.

Font code can be found in the "assets/css/style.css" file:

    <link href="https://fonts.googleapis.com/css2?family=Salsa&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,800;1,900&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Salsa&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">

### Credits

Images
Unsplash
Burst
Feeepik
Pexels
Packages
React 16+
tslib
Bootstrap
Google Fonts