Documentation by “Goodayz2019” v1.0
Created: 04 May, 2021By: Goodayz2019Email: goodayz2019@gmail.com
Thank you for purchasing our application. If you have any questions that are beyond the scope of this help file, please feel free to email us. Thanks so much!
For Help & Support please contact us on our email: goodayz2019@gmail.com
About Techforce
Techforce is a best service providing freelancing marketplace built upon the latest technology stack Laravel and VueJS. Techforce is fully responsive with the latest HTML5, SCSS and Bootstrap version which can easily be used on Mobile, Tablet, iPads, Laptops and PCs. Techforce comes with very exciting and rich features and excellent quality controlled code. Techforce is a complete solution and business model for service provider freelance marketplace. Techforce provides solutions to various stakeholders in the form of Customer, Service Provider Professionals, Reviewers and Admin. Techforce provisions Customers the best way to find, hire, and pay best service providing professionals near to him/her. Techforce also provides ability to the customers to request any type of service in the form of a job, check the bidding status and job details of the job, real-time notifications & chat with service providers and update their profile details. Techforce enables Service Provider Professionals to explore jobs, manage bids jobs, maintain their featured profile on search engine pages and service pages and create and manage campaigns. Reviewer Panel for reviewing newly onboarded service providers professionals and a robust admins panel for managing the entire Techforce marketplace platform. Techforce is a medium for big business opportunities.
Application Preview
Demo Access:
Customer Access:
Service Provider Access:
Reviewer Access:
Admin Access:
What Does Package Include?
Business Model (Application Workflow)
Customer
Service Provider Professionals
Admin and Reviewer Panel
In order to use and run the website you need to have knowledge of Laravel and VueJs. You also need to be able to install Laravel and Vuejs dependencies on your machine. We recommend you to refer to the Laravel official installation guide to get started https://laravel.com/docs/5.6 and Vuejs https://vuejs.org/v2/guide. The website is built on Laravel v5.6. and VueJS v2.x.
Necessary Installation Steps
Backend Installation
Install composer using the link https://getcomposer.org
Install PHP v7.4.
Location project root directory and run composer global require laravel/installer and composer install
Create database for example ‘techforce’
Location .env file and add you database name (MySQL), root user and password.
Add required fields in .env file i-e APP_NAME, APP_KEY, APP_ENV etc see the full reference from here https://laravel.com/docs/5.6/configuration
Run php artisan migrate—seed for dummy data in database
Frontend Installation
Download nodejs from https://nodejs.org/en/ according to you system requirements.
After installation of nodejs goto project root and run npm install
After the npm installation is complete then run npm run watch
Other Services Dependencies
Stripe Payment https://dashboard.stripe.com/register
OneSignal https://onesignal.com/
Socket IO https://laravel.com/docs/5.6/broadcasting
Redis server https://redis.io/
For Video Installation Guide follow the Tutorial link Installation Tutorial.
In order to use and run the website you need to have knowledge of Laravel and VueJs. You also need to be able to install Laravel and Vuejs dependencies on your machine. We recommend you to refer to the Laravel official installation guide to get started https://laravel.com/docs/5.6 and Vuejs https://vuejs.org/v2/guide. The website is built on Laravel v5.6. and VueJS v2.x.
Quick Installation
In order to install the project successfully, execute the following steps
Step 1
Extract the .zip file you have downloaded from theme forest in the domain folder of your server, the folder is mostly you public_html folder
Step 2
Create your database with some name, through PHP Admin or through Cpanel directly.
Step 3
In the root of your project folder there will be a file named .env start editing this file and add you database credentials i.e just change the DB_DATABASE,DB_USERNAME,DB_PASSWORD
also change the APP_URL with the url of your site
Now save your changes in the file
Step 4
Now Goto the terminal or command line,and cd in the project folder.(Note if you are using Cpanel you can find your terminal under Advanced section)
Now cd in you project root directory and run the following commands
Command 1
php artisan config:cache
php artisan cache:clear
php artisan migrate:fresh --seed
Note if you get passport:install error then and then only run command 2 , otherwise skip command 2 and proceed
Command 2 (Optional)
php artisan passport:install --force
php artisan config:cache
php artisan cache:clear
Additional Trouble Shooting Commands(Try running these commands if you ran into some unknown issues )
Some times you are required to install vendor and node_modules packages again so run the following commands
composer install
npm install
And then repeat the command 1 in the same order
End of Guide Thank you for your time
Application Features
4 in 1 Web Application: Single web application with role based handling of Customer, Service Provider, Reviewer and Admin.
Predefined Data binding & Backend Integration Ready: All the screens are properly structured and data are bonded with dummy values.
Proper handling of Empty Pages, Screen Loader and Pagination: All the Screen contains proper handling code of no data message, screen loader for calling backend apis and pagination (infinite loader) with easy customisation.
Alerts: Added ability to display alerts, success , errors, loadings , and more.
Animations : Beautiful Animations are added on each screen and items.
Responsive Device: Techforce is responsive to support different screen sizes for Mobile, Tablet, iPads, laptops and PCs.
Single Sign On: Login/Signup with Facebook
Chat: Real time chat integration
Notification: Real time notifications
OneSignal: Onesignal integration for real time data communication
Stripe Payment Integration: Payment integration for service provider, customer and admin.
Main Features
Landing Pages / Guest Explore
Home / Main Landing Page
Service Provider Explore Page
Join as Pro Features Page
Business attractive page for service provider utilities and benefit and workflow.
Explore & Bid jobs near to your locations and related to your skill sets.
Authentication
Login Pages
Signup Page
Login/Signup with Facebook
Forgot Password Page
Customer
My Jobs & Job Details
This feature allows you to see you posted jobs and view and modify job details.
On job details, customers will also see all the bids and bidder details by view profile options.
Customers also have the ability to chat with the bidder on the job detail page.
Customers can also invite service providers to bid on the jobs.
Customers have the options to assign, mar job complete, give review and feedback and cancel the job.
Explore Service Providers
Post a job
This feature allows the customers to request any service in the form of a post.
Custqomer post a job by entering relevant details for example: Service, Job Title, Description, attach multiple images, videos, service urgency, job schedule preference, service location, and account verification details.
Profile & Settings
This feature enables the customer to modify their profile by entering necessary details to it.
Customers can enter First Name, Last Name, email, contact and address information.
Customers can also change their password by going to the settings tab.
Notification
Service Provider
Explore Jobs & Job Details
This feature allows service providers to explore posted jobs in your locality.
Service providers can view the full details of the job and can bid accordingly.
Service providers also have the ability to chat with the customer on the job detail page.
Service providers have the options to initiate, cancel, complete, give review and feedback to the job.
My Bids
This feature allows the service providers to view their bids and on-going job status in the form of different tabs.
Service provider bidding on jobs is sorted by Invitations, Active Bids, Awarded, Completed, Cancelled and Archive.
Featured Profile
This feature allows the Service providers to create their featured profile by paying some amount according to their budget.
The featured profile will make the service provider profile featured and place it on the top service provider list.
Service providers can also buy campaigns according to their budget and track their profile viewers, clicks and CTRs etc.
Profile & Settings
This feature enables the service providers to modify their profile by entering necessary details to it.
Service providers can enter First Name, Last Name, email, contact and address information.
Service providers will also need to upload their business proof documents, Service Experience Certificates and Registration Documents.
Service providers can also change their password by going to the settings tab.
Notification
Reviewer Panel
Review Service Provider Profile
Reviewers are like an assistant to an admin. Reviewers are responsible to review onboarded service provider profiles by reviewing and verifying their personal details, location address, business documents, certificates and registrations etc.
Based on this, the reviewer can approve or reject the service provider profile.
Admin Panel
Admins have full control and access to the entire Techforce Marketplace. They have various options in order to run and manage the entire marketplace business successfully. Below are the listed various management options:
Management
Published:
Aug 19, 2025 11:39 AM
Version:
v1.0
Category:
Tags:
