tivix / cpf

Career Progression Framework Application

CPF

Career Progression Framework Application

Kellton Europe CPF app is an innovative web-based platform – a seamless solution designed to connect employees, managers, and directors to facilitate the career development of each team member. This dynamic application empowers employees to track progress and milestones toward their chosen career paths. Managers and directors can easily oversee employee development, monitor assigned goals, and provide essential support for continuous growth. Experience enhanced collaboration and foster a thriving, goal-oriented work environment with a cutting-edge platform.

Table of Contents

• Installation
• Usage
• Wiki
• Contributing
• License
• Contact

Installation

Instructions on how to install and set up the project.

Usage

Instructions on how to use the project.

Wiki

For more information, check out the project's wiki under the link: https://github.com/Tivix/cpf/wiki

Contributing

Guidelines for contributing to the project.

• Fork the repository.
• Create a new branch.
• Make your changes.
• Commit your changes.
• Push to the branch.
• Open a pull request.

License

Specify the license under which the project is distributed.

Contact

Contact information for the project maintainer or team.

• Email: [email protected], [email protected]
• GitHub: https://github.com/Tivix/cpf

cpf's Issues

[Feature] CPF Library - Select a career path screen

Requirements:

• According to the designs.
• The CPF library is accessible from the left menu sidebar by clicking the "CPF Library" option.
• Once the CPF Library is opened, the tiles displaying all available career paths are shown.
• There should be at most 3 tiles per row.
• If there are fewer than 3 tiles in a row, they should be aligned to the left.
• Each tile is clickable and redirects to the specified career path.
• There is a hover effect for each tile: Figma

Tasks:

• FE
• BE

Link to designs:

Figma
Clickable prorotype

[BE] Assign ladder to user

• Extend User aggregate by the new event of adding user ladder (with current score etc.)
• Extend user-create endpoint with the ability to add new ladders
• Create a new endpoint to add a new ladder to the user

[FE] CPF Dashboard - layout

Requirements:

• According to the designs.
• Top bar:
  • The top bar is fixed to the top of the page and is always visible.
  • Content of the top bar:
    • The CPF logo is located on the left side of the bar.
    • The notification icon is on the right side of the bar.
    • The user's avatar is on the right side of the bar, next to the notification icon.
• Sidebar:
  • The sidebar should be displayed on the left side of the page.
  • The sidebar can be collapsed by clicking the "<<" button.
  • When the sidebar is collapsed, clicking on the "CPF" logo expands the sidebar.
  • There is a hover effect on the side menu options in both states: collapsed and expanded. Figma
  • Available options: My space, People, CPF Library, Documentation

Tasks:

• FE

Link to designs:

Figma
Clickable prorotype

CPF Library

[Feature] CPF Library - Career path overview

Requirements:

• According to the designs.
• Breadcrumbs are displayed at the top of the page. When the user clicks on the link is redirected to the given subpage
• Seniority and bands ladder of given career path:
  • Is displayed vertically.
  • Each band is a clickable button. When the user clicks it, the description of the band changes on the right side.
  • Active band has a different button color - Figma
  • Band button has a hover effect - Figma
• Band Description:
  • Band header
  • The salary range for the given band is displayed in PLN.
  • Threshold box - shows the user the minimal number of points required for the given band. The info pop-up appears when the user hovers over the "i" button.
  • Buckets lists:
    • A list of the buckets required to be completed for the given band is displayed.
    • There are 2 types of buckets: Hard skills and Soft skills.
    • Each bucket is a clickable. When the user clicks on it, it redirects them to the detailed band description subpage.
    • Buckets have a hover effect Figma

Tasks:

• FE
• BE

Link to designs:

Figma
Clickable prorotype

[BE] Create json data loader

Extend the data loader adapter to load buckets and ladders from /buckets and /ladders directory. Skip data upload, if data already exists.

[BE] People - List of all employers

[BE] Refactor responses for library API

• Create fields for hard skills and soft skills buckets
• Modify response for bucket details to group atomic skills based on the categories
• Add error handling

Frontend base scaffolding

Frontend:

Next.js
Linters
Code formatters
Dockerfile
Tailwind
Add colors to the theme

ref: https://www.figma.com/file/B8kHltTqt6HZ8jR98qcPAe/CPF-design?type=design&node-id=13-214&mode=design&t=zBZBsWpaImXjPETl-0

[Feature] CPF Library - An example way to pass level

Requirements:

• According to the designs.
• Breadcrumbs are displayed at the top of the page. When the user clicks on the link, it is redirected to the given subpage.
• The examples of the way to pass the level are displayed in tables
• Each table has a title
• Each table contains rows with the specific project description or exemplary skills and their description required to pass the level.
• At the bottom of the screen, there is information such as: "Candidates should submit the code along with explanations for the design choices made. This task covers a broad range of programming concepts and will allow you to assess the candidate's proficiency in the specified skills."

Tasks:

• FE
• BE

Link to designs:

Figma
Clickable prorotype

[FE] User's authentication

Backend base scaffolding

AC:

Backend setup:

• Hexagonal architecture (Fast API)
• Linters
• DB (Postgres)
• Dockerfile

General / ops

• docker-compose

CPF Library

[Feature] User's authentication

Requirements:

• according to the designs
• user should be only authenticated with Google SSO
• when the user clicks on the "Log in with Google" button, the Google authentication widget is displayed
• the Google widget handles the whole login process
• once the login attempt is successful, the user should be redirected to the CPF dashboard

Tasks:

• #6
• #7

Link to designs:

Figma

Clickable prototype

[BE] User's authentication

[BE] CPF Library - Data Model and Ladder API

Core scope:

• Create data models (aggregates) for Buckets and Ladder
• Create Rest API endpoint to get a list of all ladders (with all unnecessary services, daos, etc.)

Additionally

• Create manage service (Admin service) to create new ladders