Getting Started | Jobvia React Job Listing Template

Introduction

JOBVIA React is a simple and well-organized job listing Template built-in Bootstrap version 5.1.1.

JOBVIA React 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.

JOBVIA React 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 sent email on support@pichforest.com

📁 Folder & Files Structure

├── Jobvia
    ├── public 
        ├── assets                                 
        ├── favicon.ico                                 
        ├── index.html                                  
        ├── logo192.png
        ├── logo512.png
        ├── manifest.json
        ├── robots.txt
    ├── src directory
        ├── assets
            ├── fonts
            ├── images
            └── scss
                └── icons.scss
                └── themes.scss
        ├── components  
        ├── Layout  
        ├── pages
        ├── components  
        ├── Routes  
            ├── allRoutes.js
            ├── index.js
            ├── App.js
            ├── App.test.js
            ├── index.js
            ├── logo.svg
            ├── reportWebVitals.js
            ├── setupTests.js
        ├── .env
    ├── package.json
    ├── README.md
    └── yarn.lock

Setup React

Introduction

Please follow the below steps to install and match with prerequisites:

Prerequisites

Please follow below steps to install and setup all prerequisites:

Yarn
You must have Yarn installed & running on your computer. If you already have it, ignore this step. We recommend Yarn instead of NPM.
Nodejs
JOBVIA requires Node.js installed on your computer. Make sure the version of Node Js is greater than 14. Use the LTS Version for the Node Js.
Git
You must have Git installed & running on your PC. Installation For setting up the admin theme, follow the below process.

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
`yarn install`	This would install all the required dependencies in the `node_modules` folder.
`yarn start`	Runs the project locally, starts the development server and watches for any changes in your code. The development server is accessible at http://localhost:3000.
`yarn build`	Generates a `/build` directory with all the production files..

Green Version (Default Version)

The green color version is a default version set by bootstrap.min.css and app.min.css stylesheet in the /public/index.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 /public/index.html

Purple Version

For the Purple color version, replace the reference of bootstrap.min.css stylesheet file to bootstrap-purple.min.css and app.min.css to app-purple.min.css in the /public/index.html

Light Mode

Change the body attribute

useEffect(() => {
    document.body.setAttribute("data-layout-mode", "light");
});

Dark Mode

Change the body attribute

useEffect(() => {
    document.body.setAttribute("data-layout-mode", "dark");
});

Tips

SCSS: We suggest you not to do any changes in any scss files from assets/scss/themes.scss 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 themes.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 - 24 Sep 2021

Initial released