diff --git a/frontend/src/services/candidateService.js b/frontend/src/services/candidateService.js
index dcaed98..c4f4ab6 100644
--- a/frontend/src/services/candidateService.js
+++ b/frontend/src/services/candidateService.js
@@ -1,11 +1,13 @@
import axios from 'axios';
+const API_BASE_URL = 'http://localhost:3010';
+
export const uploadCV = async (file) => {
const formData = new FormData();
formData.append('file', file);
try {
- const response = await axios.post('http://localhost:3010/upload', formData, {
+ const response = await axios.post(`${API_BASE_URL}/upload`, formData, {
headers: {
'Content-Type': 'multipart/form-data',
},
@@ -18,9 +20,22 @@ export const uploadCV = async (file) => {
export const sendCandidateData = async (candidateData) => {
try {
- const response = await axios.post('http://localhost:3010/candidates', candidateData);
+ const response = await axios.post(`${API_BASE_URL}/candidates`, candidateData);
return response.data;
} catch (error) {
throw new Error('Error al enviar datos del candidato:', error.response.data);
}
+};
+
+export const updateCandidateStage = async (candidateId, applicationId, currentInterviewStep) => {
+ try {
+ const response = await axios.put(`${API_BASE_URL}/candidate/${candidateId}`, {
+ applicationId,
+ currentInterviewStep
+ });
+ return response.data;
+ } catch (error) {
+ console.error('Error updating candidate stage:', error);
+ throw error;
+ }
};
\ No newline at end of file
diff --git a/frontend/src/services/positionService.js b/frontend/src/services/positionService.js
new file mode 100644
index 0000000..66e822c
--- /dev/null
+++ b/frontend/src/services/positionService.js
@@ -0,0 +1,23 @@
+import axios from 'axios';
+
+const API_BASE_URL = 'http://localhost:3010';
+
+export const getInterviewFlow = async (positionId) => {
+ try {
+ const response = await axios.get(`${API_BASE_URL}/position/${positionId}/interviewFlow`);
+ return response.data.interviewFlow;
+ } catch (error) {
+ console.error('Error fetching interview flow:', error);
+ throw error;
+ }
+};
+
+export const getCandidates = async (positionId) => {
+ try {
+ const response = await axios.get(`${API_BASE_URL}/position/${positionId}/candidates`);
+ return response.data;
+ } catch (error) {
+ console.error('Error fetching candidates:', error);
+ throw error;
+ }
+};
diff --git a/prompts/prompts-ERR.md b/prompts/prompts-ERR.md
new file mode 100644
index 0000000..0b3cf62
--- /dev/null
+++ b/prompts/prompts-ERR.md
@@ -0,0 +1,128 @@
+## Prompt
+You are an experienced full-stack developer. The tech stack of the application is made of, on the frontend (located in @frontend )
+- React
+- React-bootstrap
+- Dotenv
+On the backend (located in @backend ):
+- NodeJS
+- Express
+- Dotenv
+- Prisma
+- Typescript
+I need to generate a new frontend screen. Please follow existing codestyle, keep in mind the UI if the application has to be responsive and adaptive, with the principle "mobile first" in mind
+
+Please take ownership of the application and let me know if you have any questions, before I prompt you with the new screen to be generated
+
+
+## Prompt
+ok for peace of mind and not mixing languages, I will start writing in Spanish, as the application is writen in spanish
+
+
+## Prompt
+En el fichero abierto ahora mismo, @Positions.tsx , el botón "Ver proceso" debe llevar a la nueva pantalla, que será acerca de los detalles de esa posición en especifico. En el siguiente prompt te daré los detalles de la pantalla
+
+
+## Prompt
+Refactoriza la pantalla en la que estamos trabajando @PositionDetails.tsx para sea fiel a la imagen que adjunto
+
+
+## Prompt
+Vamos a refactorizar el código para que la pantalla que hemos modificado dependa del backend y no de un mock.
+
+http://localhost:3010/position/:id/interviewFlow va a devolvernos
+###
+{
+ "interviewFlow": {
+ "positionName": "Senior Full-Stack Engineer",
+ "interviewFlow": {
+ "id": 1,
+ "description": "Standard development interview process",
+ "interviewSteps": [
+ {
+ "id": 1,
+ "interviewFlowId": 1,
+ "interviewTypeId": 1,
+ "name": "Initial Screening",
+ "orderIndex": 1
+ },
+ {
+ "id": 2,
+ "interviewFlowId": 1,
+ "interviewTypeId": 2,
+ "name": "Technical Interview",
+ "orderIndex": 2
+ },
+ {
+ "id": 3,
+ "interviewFlowId": 1,
+ "interviewTypeId": 3,
+ "name": "Manager Interview",
+ "orderIndex": 2
+ }
+ ]
+ }
+ }
+}
+###
+que nos dirá cuantas columnas debemos de dibujar en la pantalla @PositionDetails.tsx
+
+Además, tenemos http://localhost:3010/position/1/candidates
+###
+[
+ {
+ "fullName": "John Doe",
+ "currentInterviewStep": "Technical Interview",
+ "averageScore": 5
+ },
+ {
+ "fullName": "Jane Smith",
+ "currentInterviewStep": "Technical Interview",
+ "averageScore": 4
+ },
+ {
+ "fullName": "Carlos García",
+ "currentInterviewStep": "Initial Screening",
+ "averageScore": 0
+ }
+]
+###
+
+que nos va a decir qué candidatos dibujamos en cada columna
+
+
+## Prompt
+Gracias, esto se ve bien, pero por favor sigue las prácticas de código limpio; en este caso no se ha seguido el patrón de "single responsability" en @PositionDetails.tsx . Puedes extraer las dos llamadas REST en un nuevo componente de capa servicio (siempre lado frontend), que se va a encontrar en @positionService.js
+
+
+## Prompt
+Ahora vamos a ir más allá en la pantalla @PositionDetails.tsx y vamos a hacer posible que las cajas que corresponden a cada candidato se puedan mover de una fase a otra, cuando una caja se arrastre, la siguiente llamada es generada:
+
+PUT /candidate/:id
+{
+ "applicationId": "1",
+ "currentInterviewStep": "3"
+}
+
+que devolvería
+
+{
+ "message": "Candidate stage updated successfully",
+ "data": {
+ "id": 1,
+ "positionId": 1,
+ "candidateId": 1,
+ "applicationDate": "2024-06-04T13:34:58.304Z",
+ "currentInterviewStep": 3,
+ "notes": null,
+ "interviews": []
+ }
+}
+
+Refactoriza el código para hacer esto posible. Añade el la nueva llamada en @candidateService.js Es necesario gestionar los errores en la llamada al servicio REST, de manera que si éste falla, la caja vuelve a su sitio original
+
+
+## Prompt
+## Prompt
+## Prompt
+## Prompt
+## Prompt