Para comenzar el desarrollo de la Web App Matchify, utilizamos React para el frontend y Node.js para el backend, todo en JavaScript. Esta combinación nos permite construir una aplicación web interactiva y dinámica para conectar candidatos y empresas de manera eficient
La configuración inicial de Matchify se realizó en dos partes:
Frontend (React): Para el frontend, usamos Create React App, que nos facilitó la configuración inicial sin complicaciones adicionales.
npx create-react-app frontend
Backend (Node.js): El backend fue construido desde cero con Node.js y Express, lo cual nos brinda flexibilidad para manejar las peticiones y construir una API robusta.
Para una estructura de proyecto organizada y eficiente, se separaron claramente las carpetas de frontend y backend, permitiendo una clara distinción entre la interfaz de usuario y la lógica de negocio.
Inicialmente, el proyecto se configuró con la versión 16.20.2 de Node.js, pero se actualizó a la versión v18.17.0 para aprovechar mejoras de rendimiento y nuevas características.
Instalación de NVM (Node Version Manager): Utilizamos NVM para manejar versiones de Node.js, facilitando actualizaciones y cambios de versión cuando sea necesario.
curl -o- <https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.3/install.sh> | bash
Instalación de Node.js v18.17.0: Con NVM, instalamos la versión 18.17.0 de Node.js y la configuramos como la versión activa.
nvm install 18.17.0
nvm use 18.17.0
Actualización de npm: Actualizamos npm a su última versión para asegurar la compatibilidad con las dependencias de la aplicación.
npm install -g npm@latest
Verificación de versiones: Confirmamos las versiones instaladas para asegurarnos de que las actualizaciones se aplicaron correctamente.
node -v
npm -v
Para construir una interfaz limpia y amigable, se utilizó Tailwind CSS en el frontend, lo cual nos permitió diseñar rápidamente elementos de la interfaz de usuario y mantener una apariencia consistente en toda la aplicación.
Para ejecutar y compilar el proyecto, usamos los siguientes comandos:
Instalar dependencias en frontend y backend:
cd frontend
npm install
cd ../backend
npm install
Ejecutar el servidor de desarrollo en el frontend:
npm start