El proyecto "Data Collection Project" es una aplicación diseñada para facilitar la gestión de formularios y la visualización de respuestas de manera dinámica. Esta herramienta permite a los usuarios crear formularios personalizados, recopilar datos y analizar los resultados de forma eficiente. A continuación, se presenta el desarrollo del proyecto, centrándonos en el FRONTEND Este proyecto esta creado con JavaScript utilizando React.js con las siguientes views:
Página de inicio. Página de gestión de formulario. Página de formulario. Pagina de respuesta. La configuración del proyecto fue la siguiente:
Node.js
Se utilizaron las siguientes librerías:
"axios": "1.4.0", "react": "^18.2.0", "react-dom": "^18.2.0", "react-hook-form": "7.45.1", "react-router-dom": "6.14.1"Para la variable. env es indispensable que utilices lo siguiente:
VITE_API_URL="http://localhost:8000" Puedes correr este proyecto usando los siguientes comandos:
npm install npm run devEl proyecto "Data Collection Project" es una aplicación diseñada para facilitar la gestión de formularios y la visualización de respuestas de manera dinámica. Esta herramienta permite a los usuarios crear formularios personalizados, recopilar datos y analizar los resultados de forma eficiente. A continuación, se presenta el desarrollo del proyecto, centrándonos en el backend. Este proyecto esta creado con Python utilizando Django y DjangoRestFramework (DRF) con los siguientes endpoints:
GET /forms POST /forms PUT /forms/:id. DELETE /forms/:id. GET /responses. POST /responses La configuración del proyecto fue la siguiente:
Python 3.9
Se utilizaron las siguientes librerías:
Django 4.2.3 Djangorestframework 3.14.0 drf-yasg 1.21.6Para trabajar en Windows utiliza lo siguiente:
cd app # Change directory py -m venv env # Create a virtual enviroment pip install -r requirements.txt # Install Dependencies librariesNecesitaras el siguiente archivo para la variable de entorno .env
SECRET_KEY='django-insecure-yspj#lt5_crqtqxwr#1&+s6y9x$u38&-$6rls=!lztrih%kzk5' DEBUG=True Puedes correr este proyecto usando los siguientes comandos:
py manage.py makemigrations py manage.py migrate py manage.py runserver