Templates
Template Setup Guides

Uplance - Freelancing like Upwork Template

Template page link: https://zeroqode.com/template/uplance---freelancing-like-upwork-template-1521126522992x280884860676997120

Introduction

Uplance no-code template is a complex freelance template similar to Upwork, where users can post jobs and workers can apply for them. The app offers a landing page, messaging functionality, and admin dashboard to enable communication between employers and freelancers.

Features

  • User dashboard

  • Landing page

  • Payment system

  • Messaging system

  • Admin dashboard

  • Responsive design

Payments: See the documentation on how to set Stripe Payments in Bubble App.

Data Structure

Work Experience

This section displays information about your work experience like Role, PositionTitle, Period, Description, companyName, companyLocation.

User Languages

This displays the languageNameand languageProficiency.

User

This section display the basic information about the user, like firstName, lastName, profilePhoto, userLanguages, userRating, location, userBilling, userChat. Checks if the user is the userAdmin or not, checks whether the user is a userFreelancer or an userEmployer. It also displays list of jobOffer, StripeCostumerID, default_card_ID, emailTemp.

Timer

This section displays information about the time schedule of a freelancer relating to each projects he takes on. This information includes timmerActive, timerStart, timerPeriod, timerEnd, timerApproved, timePeriodNumber, and the project name Job.

Sub Category

This section shows which category it falls to and what the subCategoryTitle is.

Skill

This displays the skillName of the user.

Role

This displays the roleName of the user.

Rating

This displays rating information about the jobs on the website like, ratingScore number, ratingReview, ratingRecievers list, ratingJob.

Project Length

This displays the projectLenghtinformation.

Price

This displays the priceValue and the priceType information.

Portfolio

This displays the different information about the user's portfolio, such as portfolioTitle, portfolioSubCategory, portfolioSkills, portfolioPictures, portfolioPages, portfolioNumber, portfolioMainPicture, portfolioLink, portfolioJob, portfolioDescription, portfolioCompletionDate, portfolioCategory.

Period

Payment

This section shows information about the payment system on the website, such as price you're charging for services, whether you've been paid or not, the number of hours spent on the project, the job title, the name of the employer and the freelancer. It also has the option to withdraw your money or not.

Message

This takes you to the chatroom on the website, showing the messageContent, Chat, the person you're sending the messageTo, and if the messageNew.

Location

This display the location information of the user such as, price, street name, phone number, country, city.

Language

This displays the languageNameinformation.

Job Offer

This displays information about several job offers relating to the user's request such as, proposedPrice, coverLetter, aplicationJob. It shows if it isNew job or not, the name of the freelancer and employer and whether the job is approved or not.

Job

This displays information about the job relating to the user's request such as, list of job offers, jobType, jobTitle, jobTimer, jobSubCategory, the list of payments, the jobStartDate, the list of jobSkill the user have, if it's jobRated or not, jobProposalsPrice, the jobProjectLength, jobPriceTypeName, jobPrice, the list of jobInterview, the list of jobExperienceLevel, the jobHoursPerWeekName, jobDescription, the list of jobCategory, the jobBudgetAmount, whether the jobActive or not, whether the job_completed or not.

Interview

This display the interview information of the user such as, interviewJob, interviewFreelancer, whether it's interviewNew or not, interviewResult.

Freelancer

This displays information about the freelancer such as, freelancerProfileTitle, freelancerProfileDescription, the list of freelancerPortfolio, freelancerMonthRate, freelancerLanguage, the list of freelancerJobSaved, the list of freelancerJobInvitateon, freelancerSkills, the list of jobs freelancerJobFinished and freelancerJobApplied, freelancerJobAplications, the freelancerHourlyRate charge, the list of freelancerEducation, and the freelancerAvailability.

Employer Company

This displays information about the employer's company such as, companyWebsite, companyTimeZone, companyName, companyLocation, companyEmail, and companyDescription.

Employer

This displays information about the employer such as, list of empoyerJobPosted, list of empoyerJobFinished, list of empoyerJobActive, employerUser, list of employerTempSkill, list of employerSavedFreelancers, list of employerJobInvitateon, list of employerJobApproved and the employerCompany name.

Education

This displays information about the user's education such as, school, educationTo, educationFrom, educationDescription, educationDegree.

Budget

This displays information about the user's budget such as, budgetAmount, budgetAmountName.

Billing

This displays information about the user's billing such as, Town/City, Postal code, Phone number, Country, billingUser, Address 2, Address.

Availability

This displays information about the user's availability such as, Available, availabilityCapacity.

Pages

Index (Main)

This is the home page of this website, showing the basic overview of what the website entails. On this page you get to sign up, choose the kind of team you want to work with, whether designers and creatives, developers, virtual assistants and mobile developers, etc. and there's a button to show all categories. Beneath that is a section explaining how the website work, beneath that is a section showing all top skills available for hire on the website.

Admin

The admin dashboard is a one-page component of the template designed to display information in the database, edit, replace, hide or delete content on the template. This helps you to avoid the technicalities of manual changing things in the database.

The navigation in the dashboard makes use of custom states to show and hide various sections of the dashboard. Each delete component has a delete confirmation pop up, so please be sure you want to delete data before you do.

Chat

This page opens up chatroom where you can send messages directly to different accounts and chat the up live. It shows the list of your previous chats with several accounts you're following or is following you. It also shows which one is currently online.

Custom State

Note

Element Name

party_creator

loads the chat room

chat

party_with

sets up chat

chat

Employer

This page is for those who joined the website as an employer, it shows information such as basic info like profile photo, company details, company contacts. Billing methods sections shows balance due, billing methods and billing history. Password and security shows whether you have strong password or not (with the advice to always update your password). Request for approval shows accepted offers, requests for approved and send offers.

Custom State

Note

Element Name

leftMenuState

To display the wish list and submits/active jobs menu

Group Menu

admin

to edit the admin page

employer

mobileButon

to display as a button in mobile view

Group ButtonMeniuMobile

editProfileInfo

allows to edit profile page info

Group EditProfInfo

Find Freelancer

This is the page is for employers looking for freelancers, which shows freelancers of categories with different skill sets. There's a search filter which allows you to search for specific skill you want.

Custom State

Note

Element Name

hourlyRate

to set hourly rate

Checkbox BudgetAmount

languageProficiency

to set language proficiency

Checkbox ExperienceLevel

freelancerRating

to set freelance rating on job success

Checkbox JobType

Find Job

This is the page is for freelancers looking for job, which shows jobs of different categories, subcategories and skills. There's a search filter which allows you to search for specific job you want.

Custom State

Note

Element Name

filterState

to show the job detail overview

find_job

addWishList

allows users to add jobs to wish list

Group addToWishList FullList

jobHoursPerWeekName

to set hourly rate

Checkbox jobHoursPerWeekName

budgetAmount

to set budget amount for job

Checkbox BudgetAmount

experienceLevel

to set experience level

Checkbox ExperienceLevel

priceType

to set price type

Checkbox JobType

projectLength

to set project length

Checkbox projectLength

Freelancer

This page is like the admin page for the freelancer for him to edit and post information about him/herself. It shows the basic information about the freelancer such as, availability, experience level, external profile link, languages spoken by the freelancer, location, the freelancer's job title, job description, hourly rate, total balance in the account, skills, categories, portfolio, education and employment history.

Custom State

Note

Element Name

count

To increase the number of views

freelancer

allPictures

shows popup to edit portfolio

Popup editPortfolio

onePicture

shows popup to edit portfolio to upload image for project files

Popup editPortfolio

mainPicture

shows popup to edit portfolio to upload thumbnail picture

Popup editPortfolio

Freelancer Main

This page is what the employers see when they're searching for freelancers and click on a freelancer's page, it can't be edited by the employers, it's just to display information about the freelancer. It shows the basic information about the freelancer such as, availability, experience level, external profile link, languages spoken by the freelancer, location, the freelancer's job title, job description, hourly rate, total balance in the account, skills, categories, portfolio, education, list of job offers, recommended jobs and employment history.

Custom State

Note

Element Name

count

To increase the number of views

freelancer-main

leftMenuState

To display the wish list and submits/active jobs menu

Group Menu

selectToWishList

This takes Yes or No as value and when it is true the open the wish list

freelancer-main

buttonsMobile

to display as a button in mobile view

Group ButtonMeniuMobile

Job Detail

This page shows details about jobs posted on the website by employers. the information includes job title, client rating, project type, hourly rate, employer's information, time started and time ended on the project.

Custom State

Note

Element Name

filterState

to show the job detail overview

job-detail

timmer_active

Shows time active on the job

job-detail

timer_start_time

Shows the time the job was started

job-detail

timer_start_time_2

Shows the time the job ended

job-detail

timer_start_time_3

Shows total time spent on the job in hours

job-detail

Login

This page allows existing users to login to the website

My Jobs

This page shows jobs you've worked on and jobs you're applying for that's waiting for approval and jobs that's being analysed. On the right side is an overview of the freelancer's profile.

Custom State

Note

Element Name

count

To increase the number of jobs

my_jobs

leftMenuState

To display the wish list and submits/active jobs menu

Group Menu

selectToWishList

This takes Yes or No as value and when it is true the open the wish list

my_jobs

buttonsMobile

to display as a button in mobile view

Group ButtonMeniuMobile

Post Jobs

This page is for employers to post jobs on the website. To post the job it require these information such as, Job title, project length, skill required, job description, job category and subcategory, experience level required for the job, project start date, hourly rate intended, payment method,and total budget for the project.

Public Profile

This page shows the basic information about the freelancer such as, availability, experience level, external profile link, languages spoken by the freelancer, location, the freelancer's job title, job description, hourly rate, total balance in the account, skills, categories, portfolio, education and employment history.

Custom State

Note

Element Name

count

To increase the number of users that viewed the accout

public_profile

Signup

This page allows new users to signup onto the website.

Custom State

Note

Element Name

mode

Sets up the signup popup

Signup

Specific Reference

To setup your stripe account, go to stripe.com, create an account. You will be allowed to access your dashboard once you have successfully verified your email address and activated your account.

Click on Developers and then, API keys. copy your API keys. Ensure to use a live API key when your template goes live

Paste the API keys in the stripe connector calling the plugin.

Things to note

Database things: Most of the template content were directly pulled from the template database. Please do not delete an entire data thing unless you are sure of what you are doing. However, feel free to delete template content used in building this template, preferably from the admin dashboard.

Admin Dashboard:

For security purposes the template has limited rights for potential customers. What that means is that you will not be able to use the admin features at full until you will not buy this template and enable the functionalities.

Below you could see the workflows and database setup for locked features.

If you want to enable the features, simply you could change the BuyTemplate datatype from No to Yes.

Buy Templates datatype with "Yes/No" field

Or check the setup workflow for page and remove the actions: "Show Pop-up buy template" and "Terminate this workflow" altogether from BuyTemplate workflow folder events.

Show popup buy template and Terminate this workflow actions

Demo to preview the template