Introduction

JOBCY is a simple and well-organized job listing Template built-in Laravel 11 Built with the latest web technologies.

JOBCY 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.

JOBCY 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@themesdesign.in

πŸ“ Folder & Files Structure
β”œβ”€β”€ jobcy_laravel
    β”œβ”€β”€ app
    β”œβ”€β”€ bootstarp
    β”œβ”€β”€ config
    β”œβ”€β”€ database
    β”œβ”€β”€ public
        β”œβ”€β”€ assets
        β”œβ”€β”€ css
        β”œβ”€β”€ fonts
        β”œβ”€β”€ images
        β”œβ”€β”€ js                                                      
    β”œβ”€β”€ resources
        β”œβ”€β”€ css
        β”œβ”€β”€ js
        β”œβ”€β”€ views
            β”œβ”€β”€ partials
                β”œβ”€β”€ body.blade.php
                β”œβ”€β”€ footer.blade.php
                β”œβ”€β”€ head-css.blade.php
                β”œβ”€β”€ main.blade.php
                β”œβ”€β”€ page-title.blade.php
                β”œβ”€β”€ switcher.blade.php
                β”œβ”€β”€ title-meta.blade.php
                β”œβ”€β”€ topbar.blade.php
                └── vendor-script.blade.php
            └── all blade pages
    β”œβ”€β”€ routes    
    β”œβ”€β”€ storage 
    β”œβ”€β”€ tests 
    β”œβ”€β”€ vendor 
    β”œβ”€β”€ .editorconfig
    β”œβ”€β”€ .env
    β”œβ”€β”€ .env.example
    β”œβ”€β”€.gitattributes
    β”œβ”€β”€.gitignore
    β”œβ”€β”€artisan
    β”œβ”€β”€composer.json
    β”œβ”€β”€composer.lock
    β”œβ”€β”€ package.json
    β”œβ”€β”€phpunit.xml
    └──README.md

Setup Laravel

Introduction

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

Setup Laravel

Prerequisites

Please follow below steps to install and setup all prerequisites:

  • Server

    You must have Xampp/Wampp installed & running on your computer. If you already have it, ignore this step.

  • Composer

    Make sure to have the Composer installed & running in your computer. make sure the composer version must be 2.8.3 or Higher.

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
composer install The composer install command installs all the PHP dependencies specified in the composer.json file, generates the autoloader, and creates a (`vendor`) directory with the necessary packages for the Laravel project..
php artisan serve This will launch a local development server, allowing you to preview your project in real-time. The server also provides hot-reloading, meaning any changes you make to your files will automatically refresh in your browser. It will be accessible at http://localhost:8000.

Purple Version (Default Version)

The Purple color version is a default version set by bootstrap.min.css and app.min.css stylesheet in the partials/head-css.blade.php


Blue Version

For the Blue color version, replace the reference of Keep your body element with add data attribute data-theme="blue" E.g. <body data-theme="blue"> to have Blue version. it is set for default(Green) mode version.


Green Version

For the Green color version, replace the reference of Keep your body element with add data attribute data-theme="green" E.g. <body data-theme="green"> to have Green version. it is set for default(Purple) mode version.


Light Mode

Keep your body element with remove data attribute data-bs-theme="light" E.g. <body> to have Light mode. it is set for default(Purple) Light mode version.


Dark Mode

Keep your body element with add data attribute data-bs-theme="dark" E.g. <body data-bs-theme="dark"> to have dark mode.


Changelog

v1.0.0 - 28 Dec 2024

  • Initial released
Β© Themesdesign.
Crafted with by Themesdesign