Skip to content

MAKAIABootcamp/granjapp-project-front-5

Repository files navigation

GranjApp

Logo

GranjApp es una delivery app con el objetivo de poder ayudar a los cultivadores colombianos a vender sus productos a un precio justo sin intermediarios como lo son las cadenas de producción. Permitiéndoles interactuar directamente con el consumidor.

Aspectos destacados del proyecto:

  1. Venta directa: Los cultivadores colombianos pueden crear perfiles de vendedores en la aplicación, donde pueden listar sus productos frescos y directamente accesibles para los consumidores. Esto elimina los márgenes de intermediarios, lo que beneficia a los agricultores al recibir un precio más justo por sus productos.

  2. Foro de Capacitación: La aplicación ofrece un espacio de foro dedicado donde los cultivadores pueden intercambiar conocimientos, experiencias y consejos. Esto fomenta el aprendizaje mutuo y el crecimiento de la comunidad agrícola.

  3. Soporte en Línea: Los cultivadores pueden acceder al soporte en línea para resolver sus dudas y recibir asistencia técnica. Esto garantiza que tengan acceso a ayuda cuando más la necesitan.

  4. Perfil de Vendedor Personalizado: Cada cultivador puede crear un perfil personalizado que incluye información sobre su finca, los productos que ofrecen, precios, ubicación y otros detalles importantes. Esto ayuda a los consumidores a conocer a los agricultores detrás de los productos que están comprando.

  5. Seguridad de Pago: La aplicación ofrece métodos de pago seguros para garantizar que las transacciones sean confiables y protegidas.

6.Geolocalización: Los consumidores pueden buscar productos agrícolas frescos y cultivadores cercanos a su ubicación, lo que facilita la compra local y el apoyo a la comunidad.

7.Notificaciones Personalizadas: Los usuarios pueden recibir notificaciones sobre nuevos productos, ofertas especiales y eventos relacionados con la agricultura.

Tech Stack

Desarrollo Front-end

  • SASS: Un popular preprocesador de CSS que mejora las capacidades de estilizado de CSS al proporcionar variables, anidamiento y más.
  • Vite: Es una herramienta de desarrollo rápido y liviana que se utiliza principalmente en proyectos de desarrollo web front-end, especialmente con tecnologías como React, Vue.js, y Svelte, aunque no se limita a ellas.

Gestión del Estado:

  • Redux: Un contenedor de estado predecible para aplicaciones JavaScript, ampliamente utilizado con React para gestionar el estado de la aplicación.

Base de datos, Autenticación de Usuarios y Almacenamiento en la Nube:

  • Firebase: Es una plataforma de desarrollo de aplicaciones móviles y web desarrollada por Google. Ofrece una amplia gama de servicios y herramientas que simplifican el desarrollo de aplicaciones y permiten a los desarrolladores construir aplicaciones de alta calidad de manera más rápida y eficiente.

Bibliotecas para el diseño:

  • mui: Es una popular biblioteca de componentes de interfaz de usuario (UI) para React, basada en el diseño de Material Design de Google.
  • Emotion: Es una biblioteca de estilo en JavaScript que se utiliza para gestionar estilos y estilos en línea en aplicaciones web.

Framework de Desarrollo Front-end:

  • React: Una popular biblioteca de JavaScript para construir interfaces de usuario, que ofrece un desarrollo basado en componentes y una eficiente renderización del DOM.

Gestión de Medios:

  • Cloudinary: Una plataforma de gestión de medios basada en la nube que te permite almacenar, gestionar y entregar imágenes y videos para tu aplicación.

Instalación

Requisitos previos:

  • Instalar Node js, para esto puedes correr el siguiente comando en tu terminal:
node js -v

En caso contario, puedes intalarlo con el siguiente comando:

npm install node

Proceso de instalación

  1. Clonar el proyecto granjapp-project-front-5
  • Asegurate de crear una carpeta en tu directorio antes de correr el siguiente comando en la terminal:
git clone https://github.com/MAKAIABootcamp/granjapp-project-front-5.git
  • Abrir el proyecto instalado:
cd granjapp-project-front-5
  1. Instalación de paquetes y dependencias:
npm install
  1. Abre el proyecto en tu editor, en cao de estar usando VSC:
code .
  1. Iniciar el servidor de desarrollo:
npm run dev

Autores