Forside
CV
  • Github

  • LinkedIn

Candidate Banner

Candidate

Candidate

Om Projektet

Frontend

Backend

LLM

Disclaimer: Dette projekt linker til en staging-side, som ikke er i produktion. Profilerne kan derfor være forældede, og nogle funktioner kan være deaktiveret.

Candidate er et projekt, som er udviklet i forbindelse med 2. semester på Webudvikling. Her skulle vi omskrive den eksisterende kandidatportal candidate.dk til React Router 7 og TypeScript. Projektet er et samarbejde mellem mig og mine klassekammerater.

Siden er en kandidatportal, der forbinder studerende med virksomheder, der søger kandidater til praktikpladser og jobs. Som eksamensprojekt har jeg, i samarbejde med min eksamensgruppe, udviklet en AI-chatbot beregnet til at hjælpe virksomheder med at finde de rette kandidater til deres stillinger.

Vi har gjort brug af Mistral's API som LLM til at kunne generere svar i chatvinduet. Da vi bruger MongoDB som database, har vi benyttet vektorbaseret søgning til at finde relevante profiler i databasen – her har vi brugt Mistral's embedding-model til at generere embeddings af profilerne.

Testbruger:

Email: twolmar@gmail.com

Kodeord: hello


Techstack

React
icon-React
React Router
icon-React Router
MongoDB
icon-MongoDB
Motion
icon-Motion
Tailwind CSS
icon-Tailwind CSS
TypeScript
icon-TypeScript
Mistral
icon-Mistral

Snapshots

snapshot
snapshot

Teknologier

React

Vi har brugt React til at skabe en interaktiv og dynamisk brugergrænseflade til vores eksamensprojekt. Brugen af React har gjort det nemt at opbygge en struktureret kodebase.

React logo
React Router

Vi har brugt React Router v7 som React-framework til at udvikle websitet. Ved hjælp af React Routers 'loader'- og 'action'-funktioner har vi kunnet hente data og behandle forespørgsler.

React Router logo
MongoDB

Vi har brugt MongoDB som database og i forlængelse heraf brugt Mongoose til at behandle dataen i React. Dette har gjort det muligt at gemme og hente data effektivt.

MongoDB logo
Motion

Motion har gjort det muligt at tilføje flydende animationer og interaktioner, der forbedrer brugeroplevelsen. Vi har i dette projekt brugt det til at animere chatvinduet.

Motion logo
Tailwind CSS

Vi har brugt Tailwind CSS til at style vores chatvindue. Da resten af siden også gør brug af Tailwind, har det gjort det nemt at holde en ensartet stil.

Tailwind CSS logo
TypeScript

TypeScript har hjulpet os med at skrive mere robust og vedligeholdelig kode. Ved at tilføje typekontrol til JavaScript har vi reduceret fejl og forbedret udviklingsprocessen.

TypeScript logo
Mistral

Mistral er et AI-API, der giver adgang til forskellige AI-modeller. Vi har brugt Mistral til at generere svar i chatvinduet samt til at generere embeddings af profilerne.

Mistral logo
GithubLinkedInEmail

Tobias Wolmar