Minimum Requirements

---

• PHP >= 8.0 or Newer
• Laravel >= 9 or Newer
• Livewire >= 2.10
• Ctype PHP Extension
• OpenSSL PHP Extension
• Fileinfo PHP extension
• PDO PHP Extension
• Mbstring PHP Extension
• Tokenizer PHP Extension
• XML PHP Extension
• JSON PHP Extension

Installation Process of Laravel

---

Here we are using "Composer" to download "Laravel" packages

NOTE: This installation is shown based on XAMPP server..

1. Open command prompt, find the path of your XAMPP that is installed in your system.

2. Go to Example:C:\xampp\htdocs> path in command prompt.

3. Now type the following command line composer create-project laravel/laravel my-project and hit enter to install the Laravel Packages in your "htdocs" folder.

4. Now your downloading is started please wait for sometime to download all the necessary packages

5. Once you are redirected to the C:\xampp\htdocs> path then you are sucessfully installed laravel

If you have any further queries in installation please refer to the official website Click here

NOTE: After installation run the following command to get laravel development server i.e., php artisan serve

How to install Livewire

---

1. 1. Basic requirements to install Livewire
• --> PHP 8.0 or higher
• --> Laravel 8.0 or higher
2. 2. Install LiveWire using composer.
3. 3. Set your project root path in your console or terminal and type below command line.

composer require livewire/livewire

4. 4. To create component using LiveWire set your project root path in your console and type below command line.

php artisan make:livewire example

5. 5. Now two new files were created in your project: referral link LiveWire Component
app/Http/Livewire/example.php is the Component file and resources/views/livewire/example.blade.php is the View file

6. 6. Here we used Livewire to create Components and View files (i.e example.php and example.blade.php files).
7. Note:There are total 100+ blade.php and php files created by Livewire.

The Basic Structure Of Laravel Project

---

                                        
                                            ├── app
                                            ├── bootstrap
                                            ├── config
                                            ├── database
                                            ├── lang
                                            ├── public
                                            ├── resources
                                            ├── routes
                                            ├── storage
                                            ├── tests
                                            ├── vendor
                                            ├── .editorconfig
                                            ├── .env
                                            ├── .env.example
                                            ├── .gitattributes
                                            ├── .gitignore
                                            ├── .styleci.yml
                                            ├── artisan.File
                                            ├── composer.json
                                            ├── composer.lock
                                            ├── package.json
                                            ├── package-lock.json
                                            ├── phpunit.xml
                                            ├── README.md
                                            └── webpack.mix.js
                                        
                                    

How to Run Laravel Project in localhost

---

If you have installed XAMPP on your Desktop/Laptop then please follow the below steps

Step:1 Quick view of Installations

1. Download and Install the Composer from official site getcomposer.org

2. Download Laravel stater kit by using Composer as mentioned in the installation process above.

Step:2 Run project

1. Now open Xampp and launch the Apache server by clicking the start button.

2. Extract the zip folder of the laravel project in the path: EX: C:\xampp\htdocs\ that you have received after purchase.

3. Once the extraction is completed, type the localhost url in the browser to access the project. Example: http://localhost/my-project/.

4. Another process for accessing the laravel project, open command prompt or terminal and set your project root path: Example: C:\Users\my-project>

6. And run the command line: php artisan serve in the terminal

7. Laravel development server started: http://127.0.0.1:8000, now type the url in the browser to access the project.

How to Use Laravel Mix

---

In order to use laravel Mix you need to install Node.js in your system

Recommended LTS (long term support) version of Node.js.

Download latest version of node.js from nodejs.org

Install Node.js using .exe downloaded file.

To check your node version, run node -v in a terminal/console window (cmd)

Now you need to install Node Modules in your project folder

1. Go to your project folder and there you will find a file called package.json.

2. Open the file in your editor and make sure that all the dependencies are correct as shown below

3. And now set your project root path in terminal or command prompt Example: cd C:\Users\Admin\Desktop\my-project and type the below command line.

npm install

4. Wait until all the dependencies are downloaded to your project folder.

5. Now you can see the downloaded folder with the name of node_modules in your project folder.

6. Now in order to Compile Assets (Mix) first, you need to run development mode.

7. Set your project root path and type the below command line.

npm run development

8. Once the development mode starts you can customize your assets

9. After your project is set into Development Mode you need not to run the Development Mode, again and again, you can simply run the below command line to compile your assets continuously.

npm run watch

10. Once you completed with the customization work you need to run your project in Production Mode in order to run Production Mode run the below command line

npm run production

Compiling Assets (Mix) or Customization

1. Go to your project root path and there you will find a folder named resources in the resources folder you will find assets.

2. In the assets folder you will see css, images, js, landing, plugins, and scss folders

Assets Folder Structure

                    
                        ├── public/
                        |   ├── assets
                        |   |   ├── css
                        |   |   ├── images
                        |   |   ├── js
                        |   |   ├── landing
                        |   |   ├── plugins
                        |   |   └── switcher
                        |   ├── .htaccess
                        |   ├── favicon
                        |   ├── index.php
                        |   ├── mix-manifest.json
                        |   └── robots.txt
                        ├── resources/
                        |   ├── assets
                        |   |   ├── css
                        |   |   ├── images
                        |   |   ├── js
                        |   |   ├── landing
                        |   |   ├── plugins
                        |   |   ├── scss
                        |   |   └──switcher
                        |   └── views
                        |       ├── layouts/
                        |       |   └── components/
                        |       |       └── landing/
                        |       └── livewire/ (125 blade.php files)
                    
                

3. Now you can compile or customize your assets using scss and js files that are present in the resources/assets folder.

4. Once the changes made in those files in order to apply the changes to your template you need to perform the below command in the same terminal or in command prompt that you have set your project root path.

npm run dev (or) npm run watch

NOTE: Both commands will performs the same actions but the difference is that npm run dev will only perform at once you've started it and stops after compiling, where as npm run watch will starts compiling after you've started it and it won't stop until you stop it.

5. npm starts Compiling all your scss, css, js, images, landing and plugins that are present in resources folder.

6. And all the compiled files of scss, css, js, images, landing, and plugins folders are copied to your public/assets css, js, images, landing, and plugins folders respectively.

Note 1: While compiling assets, scss files are converted to css and js filse are converted to js files.

Note 2:plugins, images and landing folders are directly copied into assets folder and all the complied files and folders are seen in your public folder with the name of assets as shown in the above folder structure.

How to Use BrowserSync

---

1. The BrowserSync is a built-in feature in this Noa Laravel project.
2. The BrowserSync dependency is downloaded automatically with node_modules when you run npm install.
3. In order to use BrowserSync you need to set your domain as shown in the below root path.
4. Open your project folder and scroll down there you will find a file name called webpack.mix open the file in your favourite editor.
5. Now scroll down there you will find mix.browserSync('http://127.0.0.1:8000'); here we used http://127.0.0.1:8000 is the default domain of php artisan serve but you can use your own domain in place of http://127.0.0.1:8000 BrowserSync.
6. Once you set your domain you need to run your project in server mode, set your project root path in console or terminal and run the below command.

php artisan serve

7. And to open your project in your browser you need to run the below command.

npm run watch

Note:First you need to set your Domain as shown above and you need to run your project in server mode (php artisan serve).

8. If you want to ignore Browser-Sync process then, please navigate to the root project there you will find webpack.mix.js file, open that file in an editor and scroll-down there you will find "mix.browserSync('http://127.0.0.1:8000');" please comment or remove that particular line now you are done. Now you can use your project without browser sync

Installation Instructions For both CPANEL’S and FTP

---

Installation Instructions

Upload the Project that you have purchased, based on your uploading process on server

FTP Uploading Process

Access FTP:
1. Login to your FTP server using your login credentials provided by your hosting provider.
Upload Project Files:
2. Now extract the project folder that you have received, in any of your directories
3. Now navigate to that directory using FTP panel and upload the project in Path: public_html/ directory in your FTP server .
4. Once the uploading completes you can access your domain Example: www.example.com

cPanel Uploading Process

Access cPanel:
1. Login to your cPanel server using your login credentials provided by your hosting provider.
Upload Project Files:
2. Once you successfully accessed your cPanel dashboard, navigate and click on File Manager
3. Now open public_html and click on Upload
4. Here you can select your zipped project folder or you can simply drag and drop your zipped project folder, once the uploading is completed go back to the public_html folder
5. In the public_html folder, you will find your zipped project folder now you need to extract that project folder
6. Once the extraction is completed you can access your domain Example: www.example.com

How to Upgrade Larvel Version

---

If you want to Upgrade laravel version, Please follow the below steps, if not you can skip this procedure.

Step 1:

Replace below Dependency versions in composer.json file which is placed in root directory

• php:- ^8.0
• fideloper/proxy:- ^4.4
• fruitcake/laravel-cors:- ^2.0.4
• guzzlehttp/guzzle:- ^7.4.1
• laravel/framework:- ^8.54
• nunomaduro/collision:- ^5.10
• phpunit/phpunit:- ^9.5.10
• laravel/tinker:- ^2.6
• livewire/livewire:- ^2.8

Step 2:

Delete vendor folder

Step 3:

Set your project root path in command prompt and run the following command line in command prompt.

Composer update

Software Versions Used:

• PHP : 8.1.2
• laravel/framework : 9.2
• livewire/livewire : 2.10
• laravel-mix: 6.0.6
• guzzlehttp/guzzle : 7.2
• laravel/tinker : 2.7
• phpunit/phpunit : 9.5.10

Over All Folder Structure

                                
                        ├── app/
                        |   ├── Console
                        |   ├── Exceptions
                        |   ├── Http
                        |   |	├── Controllers
                        |   |	├── Livewire ((119 php files))
                        |   |	├── Middleware
                        |   |	└── Kernel.php
                        |   ├── Models
                        |   └── Providers
                        ├── bootstrap/
                        ├── config/
                        ├── database/
                        ├── lang/
                        ├── public/
                        |   ├── assets
                        |   ├── .htaccess
                        |   ├── favicon.ico
                        |   ├── index.php
                        |   ├── mix-manifest.json
                        |   └── robots.txt
                        ├── resources/
                        |   ├── assets
                        |   └── views/
                        |       ├── layouts/
                        |       |   ├── components/
                        |       |   |   ├── landing/
                        |       |   |   |   ├── app-header.blade.php
                        |       |   |   |   ├── app-sidebar.blade.php
                        |       |   |   |   ├── footer.blade.php
                        |       |   |   |   ├── header-main.blade
                        |       |   |   |   ├── scripts.blade.php
                        |       |   |   |   └── styles.blade.php
                        |       |   |   |   
                        |       |   |   ├── app-header.blade.php
                        |       |   |   ├── app-sidebar.blade.php
                        |       |   |   ├── custom-scripts.blade.php
                        |       |   |   ├── custom-switcher.blade
                        |       |   |   ├── footer.blade.php
                        |       |   |   ├── modal.blade.php
                        |       |   |   ├── scripts.blade.php
                        |       |   |   ├── styles.blade.php
                        |       |   |   └── switcher.blade.php
                        |       |   ├── app.blade.php
                        |       |   ├── custom-app.blade.php
                        |       |   ├── landing-app.blade
                        |       |   └── switcher.blade.php
                        |       └── livewire/ (125 blade.php files)
                        |   
                        ├── routes/
                        |   ├── api.php
                        |   ├── channels.php
                        |   ├── console.php
                        |   └── web.php
                        ├── storage
                        ├── tests
                        ├── vendor
                        ├── .editorconfig
                        ├── .env
                        ├── .env.example
                        ├── .gitattributes
                        ├── .gitignore
                        ├── .styleci.yml
                        ├── artisan.php
                        ├── composer.json
                        ├── composer.lock
                        ├── package-lock.json
                        ├── package.json
                        ├── phpunit.xml
                        ├── README.md
                        └── webpack.mix.js
                            

Blade View

Blade is a simple, yet powerful templating engine provided with Laravel.

--------Imports master file--------

@extends('layouts.app')

@section('content')

 --------created a section called content--------

@endsection

--------get content data into app file--------

@yield('content')