Introduction
Cryptorex is a simple and well-organized job listing Template built-in Bootstrap version 5.1.3. Built with the latest web technologies that are HTML5, CSS3, Gulp, and Yarn.
Cryptorex contains lots of new designs of jobs pages with responsiveness on all screens. Additionally, we have given 3 different color variants, you can easily change variants in your running application. We have written minimum SCSS and codes to increase performance.
Cryptorex is a Job Listing Template built with developer-friendly codes and easily customizeable.
If you have any questions that are beyond the scope of this
documentation, please feel free to email or contact us via our
profile page or on support Page
π Folder & Files Structure
βββ src βββ app βββ assets βββ environments βββ favicon.ico βββ index.html βββ main.ts βββ polyfills.ts βββ styles.scss βββtest.ts βββtypings.d.ts βββ angular.json βββ karma.conf.js βββ package.json βββ package-lock.json βββ README.md βββ tsconfig.app.json βββ tsconfig.json βββ tsconfig.spec.json
Setup Angular 15
Introduction
Please follow the below steps to install and match with prerequisites:
Prerequisites
Please follow below steps to install and setup all prerequisites:
Installation
To setup the admin theme, follow below-mentioned steps:
-
Install Prerequisites
Make sure to have all above prerequisites installed & running on your computer
After you finished with the above steps, you can run the following commands into the terminal / command prompt from the root directory of the project to run the project locally or build for production use:
Command | Description |
---|---|
npm install
|
This would install all the required dependencies in the node_modules folder. |
ng serve
|
Runs the project locally, starts the development server and watches for any changes in your code. The development server is accessible at http://localhost:4200. |
ng build
|
Generates a /dist directory with all
the development files.
|
Purple Version (Default Version)
The green color version is a default version set by
bootstrap.min.css
and app.min.css
stylesheet in
the src/partials/head-css.html
Blue Version
For Blue Version, replace the reference of bootstrap.min.css
stylesheet file to bootstrap-blue.min.css
and
app.min.css to app-blue.min.css
in the
src/partials/head-css.html
and make sure to update the
src/assets/js/app.js
has initSettings()
function which you need to comment out
because it is set for the default(Green) version.
Green Version
For the Purple color version, replace the reference of bootstrap.min.css
stylesheet file to bootstrap-green.min.css
and app.min.css
to app-green.min.css
in the
src/partials/head-css.html
and make sure to update the
src/assets/js/app.js
has initSettings()
function
which you need to comment out because it is set for default(Green)
version
Light Mode
Keep your body element with remove data attribute
data-layout-mode="dark"
E.g.
<body>
to
have Light mode. it is set for default(Green) Light mode version.
Dark Mode
Keep your body element with add data attribute
data-layout-mode="dark"
E.g.
<body data-layout-mode="dark">
to
have dark mode.
Tips
SCSS: We suggest you not to do any changes in any scss files from assets/scss/custom folders because it will trouble in future updates so we are suggesting that if you want to make any changes you can create a new custom.scss file and use that instead of the theme's file. If you have any questions beyond this documentation, feel free to contact us at support@pichforest.com
Changelog
v1.0.0 - 23 June 2023
- Initial released