Link del demo: https://danone-subdomain.vercel.app/
El proyecto tiene como objetivo principal adaptar un aplicativo web para mostrar a los usuarios los productos más ecológicos que ofrece Danone. Además, se brinda un formulario de contacto para que los usuarios interesados puedan comunicarse de inmediato. El proyecto se centra en promover la adopción de un plan de consumo limitado de calorías para mejorar la salud de los usuarios.
Para la utilización del aplicativo no será necesario logearse, podrás recorrer la página y observar los productos ecológicos que posee Danone con sus respectivas características al darle click en cualquiera de ellos, además de poder buscar si sabes el nombre de alguno en especídico, y si te interesa el plan de consumo limitado de calorías podrás enviar información para que se pongan en contacto contigo.
Para el uso primero debemos instalar todas las dependencias del proyecto
npm install
Copiamos la carpeta .env.example
cp .env .env.example
Dentro de nuestro .env agregamos la siguiente variable de entrono
HYGRAPH_API_URL=https://api-us-west-2.hygraph.com/v2/clj05fduv11a801umbzz3epri/master
Procedemos a correr el proyecto
npm run dev
- NextJs
- Tailwind
- TypeScript
- GraphQL
- CRM : Hygraph
Durante el desarrollo del proyecto, se tomaron las siguientes decisiones:
- Arquitectura frontend: Se optó por utilizar un enfoque de arquitectura MVC para facilitar la organización y mantenimiento del código del frontend.
- Diseño responsivo: Se implementó un diseño responsivo para garantizar que el aplicativo web sea accesible y se adapte correctamente a diferentes dispositivos y tamaños de pantalla.
- Optimización de imágenes: Se aplicaron técnicas de compresión y optimización de imágenes para garantizar tiempos de carga rápidos y una experiencia de usuario fluida.
- Seguridad de datos: Se implementaron medidas de seguridad para proteger la información sensible de los usuarios, como el cifrado de datos y la validación de formularios.
Estas decisiones se tomaron en base a consideraciones de rendimiento, usabilidad y seguridad, con el objetivo de proporcionar a los usuarios una experiencia óptima y segura al utilizar el aplicativo web.