GithubHelp home page GithubHelp logo

oscarvelandia / pency Goto Github PK

View Code? Open in Web Editor NEW

This project forked from goncy/pency

0.0 1.0 1.0 663 KB

Tu tienda online

Home Page: https://pency.now.sh

License: GNU General Public License v3.0

TypeScript 95.12% JavaScript 4.88%

pency's Introduction

Pency

Tu tienda online

Qué es?

Pency es una tienda online multipropósito, pensada para quienes venden (o quieren vender) via WhatsApp.

Qué tiene?

  • Catálogo online
  • Panel de administración para cargar productos
  • Carrito de compra
  • Imagen, precio y descripción para cada producto
  • Opciones para cada producto (pueden modificar el precio del producto)
  • Envío del pedido via WhatsApp
  • Configuración de la tienda (color, título, descripción, imagen, logo, etc)

Algo no me anda!

Podés crear un issue acá en GitHub

Quiero ayudar!

Entrá a los issues acá en GitHub

Quiero mi tienda!

Mandame un mail a [email protected]

Tengo otra pregunta

Mandame un mail a [email protected]

¿Cómo puedo correr el proyecto?

Completá todas las variables que aparecen en .env.template y guardalo como .env.development

Todas las variables de firebase se sacan del proyecto y las de firebase admin de una cuenta de servicio que podés encontrar en firebase yendo a Configuración > Usuarios y permisos > Cuentas de servicio y generando una nueva clave privada. El único campo diferente es FIREBASE_PRIVATE_KEY que antes de agregarlo al archivo .env.[ambiente] lo tenés que pasar a Base64 (podés usar cualquier convertor online). Luego el next.config.js se encarga de decodificarlo. Copialo con los \n, los espacios, todo, exactamente igual que como está en el archivo .json.

Luego en consola ejecutá:

# Yarn
yarn
yarn start

# O si usas npm
npm install
npm start

Necesitás tener un .env.[ambiente] para cada ambiente en el que vas a correr la app

¿Cómo crear tienda estando en modo desarrollo?

Para poder crear una tienda y poder probar el código de forma local debemos tener las siguientes cosas:

  • Variables del archivo .env.development completas.
  • Tener corriendo el proyecto haciendo uso de los comandos.
# yarn
yarn && yarn dev

# o si usas npm
npm install && npm run dev

Creando la tienda

  • Bajamos y abrimos Postman.
  • Comprobamos que la aplicación corre en http://localhost:3000/.
  • Seleccionamos POST Request y colocamos como URL: http://localhost:3000/api/tenant?slug=NOMBRE_DE_TU_TIENDA
  • En Query Params agregamos la key slug dandole el NOMBRE_DE_TU_TIENDA como valor (minúsculas sin espacios)
  • En Body seleccionamos x-www-form-urlencoded y colocamos los siguientes valores:
	|   KEY  |                    VALUE                         |
	|:------:|:------------------------------------------------:|
	|email   | [email protected]                                |
	|password| tuContraseña                                     |
	|secret  | valor de SECRET en .env.development              |
  • Hacemos click en Send y comprobamos si se creó la tienda entrando en: http://localhost:3000/NOMBRE_DE_TU_TIENDA
  • Para acceder al panel de administración debemos entrar mediante el siguiente link: http://localhost:3000/NOMBRE_DE_TU_TIENDA/admin

Tomá en cuenta que los usuarios no se pueden repetir y que la aplicación actualmente no valida si ya existe otra tienda con ese slug, asegurate de que no pase!

Qué puedo hacer con Pency?

Podés leer la licencia acá.

pency's People

Contributors

goncy avatar laggerp avatar

Watchers

 avatar

Forkers

rodicarrizo

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.