# Challenge StoryDots

Desarrollador: Jesús Re

🖱 BASE DE DATOS

Para la base de datos, utilizé las tecnologías de Sequelize y PostgreSQL. Con el cual cree el modelo Products.

🖱 BACK-END

Generé una carpeta controllers donde coloque las funciones solicitadas, las cuales son para crear producto, borrar producto, obtener todos los productos y por ID, y por último, la de editar producto. Las tecnologías utilizadas son Node js y Express, y utilicé dependencias como axios, cors, dotenv, entre otras.
Para levantar el proyecto de manera local, utilizar las variables definidas en el .default.env

🖱 FRONT-END

Las tecnologías utilizadas son React, Tailwind con tailwind material. En el archivo main.jsx estabrecí las rutas correspondientes y la interacción entre ellas. Entre las dependencias estan React-query y axios.
En App.jsx coloque el header, main y footer. Luego hay dos carpetas, una de components y otra de pages. En la de components coloque las vistas de la pagina, entre ellas Home, donde utilice la funcion para que se vean los productos, y desde cada producto se puede borrar el mismo.
Tambien estan los componentes donde se pueden realizar las acciones solicitadas, que son ver detalle de producto, editar y crear.
Coloqué el .default.env para que puedan levantar el proyecto de manera local descargando el repositorio.

🖱 LEVANTAR PROYECTO DE MANERA LOCAL

Para levantar el proyecto de manera local hay que descargar el repositorio, instalar dependencias y colocar el archivo .env correspondiente con las variables indicadas en el archivo .default.env FRONT: ir a la carpeta de client y desde la terminal colocar npm run dev FRONT: ir a la carpeta de server y desde a terminal colocar npm start

🖱 DEPLOY

Para deployar el proyecto utilicé Vercel para el front y Railway para el back. Este es el link: https://challenge-products-sd.vercel.app/ Link back: https://challengeproducts-production.up.railway.app/products/