# siqtheme

> Reponsive Admin Template with jQuery and Bootstrap 4

Latest version **1.0.10** (published 2020-05-15) · MIT license · 0 weekly downloads

## Install

```sh
npm install siqtheme
pnpm add siqtheme
yarn add siqtheme
bun add siqtheme
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.10 |
| Published | 2020-05-15 |
| First published | 2020-04-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 22 |
| Unpacked size | 5.2 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 24 |
| Author | siQuang |
| Maintainers | siquang |
| Keywords | admin, template, dashboard, responsive, bootstrap, webpack, laravel-mix, sass, theme, jquery |

## Links

- npm: https://www.npmjs.com/package/siqtheme
- Repository: https://github.com/siQuang/siqtheme
- Issues: https://github.com/siQuang/siqtheme/issues
- npm.io page: https://npm.io/package/siqtheme

## Dependencies (22)

- [peity](https://npm.io/package/peity.md) ^3.3.0
- [jquery](https://npm.io/package/jquery.md) 3.5.1
- [moment](https://npm.io/package/moment.md) ^2.24.0
- [toastr](https://npm.io/package/toastr.md) ^2.1.4
- [bootstrap](https://npm.io/package/bootstrap.md) 4.5.0
- [popper.js](https://npm.io/package/popper.js.md) ^1.16.1
- [simplebar](https://npm.io/package/simplebar.md) ^5.2.0
- [apexcharts](https://npm.io/package/apexcharts.md) ^3.18.1
- [font-awesome](https://npm.io/package/font-awesome.md) ^4.7.0
- [fullcalendar](https://npm.io/package/fullcalendar.md) ^3.10.1
- [code-prettify](https://npm.io/package/code-prettify.md) ^0.1.0
- [bootstrap-select](https://npm.io/package/bootstrap-select.md) ^1.13.14
- [bootstrap4-toggle](https://npm.io/package/bootstrap4-toggle.md) ^3.6.1
- [datatables.net-bs4](https://npm.io/package/datatables.net-bs4.md) ^1.10.20
- [themify-icons-scss](https://npm.io/package/themify-icons-scss.md) ^1.0.0
- [bootstrap-datepicker](https://npm.io/package/bootstrap-datepicker.md) ^1.9.0
- [bootstrap-timepicker](https://npm.io/package/bootstrap-timepicker.md) ^0.5.2
- [@ckeditor/ckeditor5-build-inline](https://npm.io/package/@ckeditor/ckeditor5-build-inline.md) ^18.0.0
- [@ckeditor/ckeditor5-build-balloon](https://npm.io/package/@ckeditor/ckeditor5-build-balloon.md) ^18.0.0
- [@ckeditor/ckeditor5-build-classic](https://npm.io/package/@ckeditor/ckeditor5-build-classic.md) ^18.0.0
- [@ckeditor/ckeditor5-build-balloon-block](https://npm.io/package/@ckeditor/ckeditor5-build-balloon-block.md) ^18.0.0
- [@ckeditor/ckeditor5-build-decoupled-document](https://npm.io/package/@ckeditor/ckeditor5-build-decoupled-document.md) ^18.0.0

## Alternatives

- [@sveltejs/kit](https://npm.io/package/@sveltejs/kit.md) — 2.2M weekly downloads
- [@atlaskit/theme](https://npm.io/package/@atlaskit/theme.md) — 402.0K weekly downloads
- [@tangle-network/brand](https://npm.io/package/@tangle-network/brand.md) — 10.0K weekly downloads
- [seneca](https://npm.io/package/seneca.md) — 7.4K weekly downloads
- [@bsb/base](https://npm.io/package/@bsb/base.md) — 7.2K weekly downloads

## Recent versions

- 1.0.10 (latest) — 2020-05-15
- 1.0.9 — 2020-05-14
- 1.0.8 — 2020-05-13
- 1.0.7 — 2020-05-13
- 1.0.6 — 2020-05-12
- 1.0.5 — 2020-05-11
- 1.0.4 — 2020-05-10
- 1.0.3 — 2020-05-10
- 1.0.2 — 2020-05-07
- 1.0.1 — 2020-04-28
- 1.0.0-rc.2 — 2020-04-27
- 1.0.0-rc.1 — 2020-04-26
- 1.0.0 — 2020-04-20

## README

# siQtheme Reponsive Admin Template with jQuery and Bootstrap 4 - Dark and Light Mode

[![License: MIT](https://img.shields.io/badge/License-MIT-green.svg)](https://opensource.org/licenses/MIT)
[![GitHub release](https://img.shields.io/github/release/siQuang/siqtheme.svg)](https://github.com/siQuang/siqtheme/releases)
[![npm version](https://img.shields.io/npm/v/siqtheme/latest.svg)](https://www.npmjs.com/package/siqtheme)

As the world is going into lockdown because of the covid-19 pandemic, why not take this opportunity while staying at home to create something for the community and share it with the world!

siQtheme is a responsive admin template created with Bootstrap 4 and using Webpack / Laravel-Mix to bundle the assets. It's best to use it with a packages manager like npm or yarn and pull into your project. However, you can install the theme traditionally by compiling the source into a public build. Webpack is a module bundler primarily for JavaScript, but it can transform front-end assets like HTML, CSS, and images if the corresponding loaders are included.

Author: Simon Nguyen - [siQuang](https://siquang.com)

**View demo here [https://siqtheme.com](https://siqtheme.com)**

!["siQtheme Dark"](https://siqtheme.siquang.com/assets/img/siqtheme_dark.png "siQtheme Dark")

!["siQtheme Light"](https://siqtheme.siquang.com/assets/img/siqtheme_light.png "siQtheme Light")

## Installation

There are a few ways to install **siQtheme** depends on your project. You'll need Node.js and NPM to pull in all the packages as the download only contains the source files.

#### Download from Github

- Download from [Github Releases](https://github.com/siQuang/siqtheme/releases).
- After download run the following command from project directory in console to pull in all dependencies.

``` bash
# install app's dependencies
$ npm install
```

#### GIT Clone

``` bash
git clone https://github.com/siQuang/siqtheme.git
```

#### NPM

``` bash
# install package
$ npm i siqtheme
```

## Usage

Just run the following cmd to generate a public directory with all the files.

``` bash
# compile as development
$ npm run dev

# build production with minification
$ npm run prod

#---------------------------------------
# To use browser sync, make sure to change
# the proxy to your local environment
# i.e. localhost
#---------------------------------------
$ npm run watch
```

## Structures

The download contains the source files and will need to be compile for development or production.

```
siqtheme/
├── src/
│   ├── assets/
│   │   ├── fonts/
│   │   ├── img/
│   │   ├── sass/
│   │   ├── scripts/
│   ├── partials/
│   ├── index.ejs
│   └── ...
├── mix-manifest.json
├── package.json
├── pages.js
└── webpack.mix.js
```
## Using siQtheme with Laravel

Install the siQtheme package

``` bash
$ npm i siqtheme
```

Add to bootstrap.js file in resources directory

``` bash
require('siqtheme');
```

Import styles to app.scss

``` bash
@import '~siqtheme/src/assets/sass/siqtheme';
```

Create a new view file (i.e. test.blade.php) and copy the content from the sample.html:

```
node_modules/siqtheme/src/sample.html
```

Replace the stylesheet link and script in your new file with the correct link and script for your application.

``` bash
# replace this line to point to your style
<link href="assets/css/app.css" rel="stylesheet">

# replace this line to point to your script
<script src="assets/scripts/app.js"></script>
```

Add a new route

``` bash
Route::get('/test', function() {
	return view('test');
});
```
And thats it!

## Using siQtheme with Codeigniter 3

I've written an article on integrating siQtheme with Laravel-Mix for Codeigniter 3 that you can follow below.

**[Integrating Laravel-Mix and siQtheme with Codeigniter 3](https://medium.com/@simonquang/integrating-laravel-mix-and-siqtheme-with-codeigniter-3-606191a5eda3)**

Or you can download the completed project below.

**[Download CI3-siQtheme](https://github.com/siQuang/ci3-siqtheme)**

---
_Source: https://npm.io/package/siqtheme · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._