Skip to content

TLE-3-Stage-Matching/FrontEnd4A

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

119 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

KLIK - Internship Matcher Platform

KLIK is an innovative internship matching platform designed to bridge the gap between students and the professional world. Instead of an vague algorithm, KLIK gives students control over their own matching process and personal development.

About the Project

KLIK supports three core users:

  • Internship Coordinators: Responsible for managing incoming students and creating student accounts.
  • Students: Personalize their profiles based on their unique talents and characteristics.
  • Companies: Post job openings to find the ideal match based on culture and skills.

The Sandbox Feature

A unique part of the platform is the Sandbox. Here, students can experiment with the variables of the matching algorithm. This gives them direct insight into why they do or do not match with certain job openings. Based on this data, students can set targeted goals to improve their chances in the job market.

Technology Stack

The application is built with the following technologies:

  • React 19 (Frontend framework)
  • Vite (Build tool)
  • React Router 7 (Routing)
  • ESLint (Code quality)

Installation and Usage

Follow these steps to set up the project locally:

  1. Clone the repository to your local machine.

  2. Install the dependencies: npm install

  3. Start the development server: npm run dev

  4. Create an .env file, copy the contents of .env.example and refer to the back-end documentation to get your api-url and api-key which can be found at https://internship-matching-api-main-svt6qy.laravel.cloud/

  5. Open the application in your browser at http://localhost:5173

Available Scripts

In the project directory, you can run the following commands:

  • npm run dev - Starts the application in development mode.
  • npm run build - Bundles the application for production in the 'dist' folder.
  • npm run lint - Checks the code for style issues.
  • npm run preview - Preview the locally built production version.

Recommendations for improvement and additions

  • Some pages need more styling
  • User feedback on the student-skills is lackluster
  • Navigation could be made more concise

Project Status

This project is live at http://145.24.237.137:8001/

About

KLIK is a website that matches students to the internship of their dreams using an algorithm

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors