OutSource

Completed Freelancer side UI :)

• Dashboard has things like total tasks,total earnings and newly assigned work to be submitted
• Profile includes the name and ratings and the profile is public so any client can view it (useful feature cause client want to see before assigning a task the quality of freelancer)
• Tasks: It has a list of tasks and their status
• Milestones: It has a list of milestones and their status, whether paid or unpaid
• Performance: It shows success rate, on time delivery percentage,rating, performance level and earnings.. this is not public

This is the completed client side UI (HAVE A LOOK EVRYONE :) It includes a

Dashboard where the client can view ongoing tasks, completed tasks and review or approve work submitted by freelancers..

The next is Create Task, which is used to create new tasks or projects obvio acc to name

My Tasks section allows the client to track the status of all tasks and provide ratings to freelancers I used stars for rating procedure

Finally, Milestones section displays all milestones along with their statuses such Approved, or Rejected etc etc and how much money each milestone give to freelancer
:) Any other suggestion or feature to add?
NEXT WILL BE THE PAYMENT SIMULATION MAYBE USING RAZORPAY A TOUGH ONE AHEAD

HELLO EVERYONE!! HOW’S MY UI

MINIMALISTIC NEO BRUTALISM AND A BIT MODERN CLEAN LAYOUT

COMPLTED THE BACKEND (PENDING: AI INTEGRATION IN MY PROJECT, USED A PLACEHOLDER FOR NOW)
STARTED FRONTEND:
React 19 and Vite

THEME : EDITORIAL SAAS MINIMALISM + NEO BRUTALISM
Here are few pictures of my HomePage… Shows Neo Brutalism in Display

COMPLETED THE MAIN ESCROWMODEL:
ESCROW means - A common pool of money where one will put and other can take.. Here we used this model, so the allocated budget to a project from client will be kept in this and on EACHmilestone some part will be allocated to the freelancer
Client can select a freelancer for his project( for now this method ) -> Milestones are divided ( exactly 3 for now ) -> Milestone work repo link or some text can be submitted by freelancer like show in one of the picture -> the client may accept or reject the submission and a message can be sent -> the pay for that respective milestone will be taken from escrow pool
A biiiiiigggggggprocess handling this in backend and frontend but achieved finally (upto some extent)….
AGAIN FOR NOW DON’T CARE ABOUT UI WE WILL DO IT IN THE END..

DON’T CARE ABOUT UI FOR NOW
ALL FOCUS ON CORRECT IMPLEMENTATION AND WORKING BETWEEN FRONTEND AND BACKEND

Project Update – Frontend Integration Completed

Frontend integration is now complete(FEW PAGES successfully).
CSS styling has not been addressed yet, all pages are currently built using plain React (JSX).

Few frontend -> backend, backend -> frontend API integrations have been tested directly from the UI and are working as expected

Implemented Features:
Authentication(

User login

User registration

)
Client Side(

Create new tasks

View all tasks

View top freelancer suggestions

Assign tasks to freelancers

)
Freelancer Side(

View assigned tasks

Accept or reject assigned tasks

)
All features are secured using JWT protected routes

Most of the time went into debugging integration issues, fixed around 15–20 bugs between frontend and backend… classic full stack experience HAHA!!

MODIFIED BACKEND
TESTING ALSO COMPLETED USING POSTMAN..
TOTAL FILES CREATED:
8 CONTROLLERS (ENTRY POINT FOR HTTP REQUESTS)
1 DTO
6 MODELS (THEY FORM TABLES IN DATABASE)
6 REPOSITORY FILES
3 SECURITY (JWT)
9 SERVICES (LOGIC OF BACKEND)

Cooking Backend…
Solid SpringBoot SetUp with JWT integrated

I’m working on my first project! This is so exciting. I can’t wait to share more updates as I build. Cool!