Transformative

Impact and Key

Achievements

Adapting and Excelling in a Changing Business Model

👋🏻

I’m Nirajan Basnet

Lead Frontend Engineer (J4)

Joined JoBins in December 2022

Food, Travels, and Sports

Understand JoBins overview and current market scenario

  • Operates "Job Agent Network Platform (JANP)"
     

  • Connects over 3,000+ recruitment agents across Japan

Role of Agents

  • Matching companies with suitable candidates.
     

  • Gathering job requirements from companies.
     

  • Conducting consultations with job seekers.
     

  • Ensuring optimal matches between
     

  • Job seekers and positions.

Challenges 

Faced by Agents

  • Difficulty finding jobs matching candidates' skills
    and preferences.
     

  • Low success rates, with only 10% of consultations leading to placements.
     

  • Limited access to job information and resources, hindering comprehensive support.

JoBins Services and Goals

Increased Success Rate

  • Aiming to boost job placement success from 10% to
    30-50%.

 

Reduced Unemployment

  • Targeting a reduction in job seekers still unemployed after a year from 87% to as low as 30%.

 

Platform Vision

  • Striving to create a world where more job seekers successfully find employment.

 

Call to Action

  • Encouraging interested individuals to reach out and learn more about the business.
     
  • Connects over 3,000+ recruitment agents across Japan

Key Considerations

as a Lead Frontend Engineer

Understand the

New Business Model

Align
Frontend Strategy

Technical
Adjustments

Collaborate with
Other Teams

Update Development

Practices

User Feedback and

Risk Management

🎯
Let's talk about some major
Frontend Core Changes

1. Integrating Vue3 to Existing System

To leverage its advanced features and benefits

Improved Performance

Composition API and better reactivity system.

Smaller Bundle Size

Better memory usage

Enhanced Code Organization

Composition API for better reusability
and flexibility.

Enhanced Developer Experience

Updated DevTools and improved documentation.

2. Leveraging Vue Router

Seamless Integration with Vue3

Smooth navigation and efficient state management for enhanced user experience.

Client-Side Routing for SPAs

Ensuring fast and seamless transitions between different views

Dynamic Route Matching and Navigation Guards

 

Enhance performance, flexibility, and security

Support for Nested Routes and

Components

The creation of complex application structures with ease and clarity

2. Enhancing Frontend Workflow

Radix Vue

Component Library

Accessible, design system building blocks

Adapting the Latest

Use of TailwindCSS

Faster development with uniform design language

Importance of Proper Folder Structure

Simplified navigation and upkeep with Cleaner, professional codebase

🫰
Proud Features that I Contributed To

Technical Implementation
 

  • Streamlined API Integration
     
  • Data Standardization
     
  • Automated Matching Algorithms

Practices and Processes

 

  • Practices and Processes
     
  • Agile Development Methodology
     
  • Cross-Functional Collaboration
     
  • Performance Optimization
     
  • Code Review Process
     
  • Continuous Integration and Deployment (CI/CD)

 

1.

Resume Alliance

Agents share job seeker info for referrals.

2.

Job Alliance

Agents share job listings, expanding opportunities.

3.

Responsive

Flow for Viewing Agent Profiles for candidates

Interactive pop-up/guide (onboarding flow) to inform users on why and how.

Applying Proper Responsive Design Principles

4.

Agent
Homepage

Redesign

  • Visually engaging SVG animations powered by Lottie JSON
  • Seamless integration into Vue.js codebase
  • Ensured optimal performance and browser compatibility
  • Consistent experience across devices

5.

Development of Language Switcher

Feature

  • Proper use of Internationalization (i18n) Library
  • Dynamic Content Rendering
  • User Preferences Management
  • Enabled easy identification and resolution of translation issues
  • Opened opportunities for growth and international expansion

🎈

Leadership and Team Contributions

Design System Leadership

Led JoBins'

Design System Workflow

Storybook

components for documentation

JIRA

Task Weight Process

  • Provided efficient solutions for a team
     
  • Workload Management
     
  • Provides clear visibility into task progress and status

Team Motivation

  • Fostered a positive mindset within the team
     
  • Promoted and maintained a healthy work-life balance
     
  • One-on-one and goal assessment meetings

Awards or recognitions received

Received 🏆

3rd QMVP

Engineer Award

Future Plans

for Company Growth

Introducing TypeScript

  • Static type checking to catch errors during development
  • Better code documentation  and maintainability
  • Improved tooling and IDE support
  • Easier refactoring and code navigation

01

Vite.js

  • Significantly faster build times
  • Instant server start and hot module
    replacement (HMR)
  • Lean bundle sizes with optimal loading strategy
  • Advanced devtools support

02

Micro Frontend Architecture

  • Independent Development and
    Deployment
  • Improved Scalability and Modularity
  • Improved Team Autonomy and
    Collaboration

03

👋🏻

Thank you!

💌
Email: nirajan@jobins.jp

Made with Slides.com