dcatanzaro / cafecito Goto Github PK

View Code? Open in Web Editor NEW

123.0 7.0 33.0 2.21 MB

Cafecito es un proyecto hecho en Next.JS con Express.JS y MongoDB para recibir cafés ☕️ a modo de donaciones.

Home Page: https://cafecito.app/dcatanzaro

Dockerfile 0.07% JavaScript 12.32% CSS 3.45% HTML 84.16%

nextjs express expressjs mongodb coffee

cafecito's Introduction

Cafecito | Damián Catanzaro

Cafecito es un proyecto hecho en Next.JS con Express.JS y MongoDB para recibir cafés ☕️ a modo de donaciones.

Demo: https://cafecito.damiancatanzaro.com/

Autor: @DamianCatanzaro

Requerimientos

NodeJS
MongoDB

Instalación

git clone https://github.com/dcatanzaro/cafecito

Instalación de paquetes de NPM

npm install

Editar el archivo .env.development para desarrollo

DB_HOST=localhost
DB_PORT=27017
DB_USER=
DB_PASS=
DB_NAME=cafecito

TELEGRAM_BOTID=
TELEGRAM_CHATID=

PORT=3000

ACCESS_KEY_MP=

PASSWORD_EDITOR=nuestra_password
URL=http://localhost:3000

# If you want see or hide CreatedAt field on Coffees List (components/coffee/index.js)
SHOW_DATE_COFFEE=false

Para producción: crear el archivo .env con su configuración

DB_HOST=localhost
DB_PORT=27017
DB_USER=
DB_PASS=
DB_NAME=cafecito

TELEGRAM_BOTID=
TELEGRAM_CHATID=

PORT=3000

ACCESS_KEY_MP=

PASSWORD_EDITOR=nuestra_password
URL=http://localhost:3000

# If you want see or hide CreatedAt field on Coffees List (components/coffee/index.js)
SHOW_DATE_COFFEE=false

Para correr entorno de desarrollo

npm run dev

Para correr entorno de producción

npm run build
npm run start

Para correr el entorno de producción con Docker

docker-compose up -d --build

Para responder preguntas

Lo unico que hay que hacer es pasarle por query params lo siguiente

?isAdmin=true&password=nuestra_password

quedando nuestra url de la siguiente manera

http://localhost:3000?isAdmin=true&password=nuestra_password

cafecito's People

Contributors

Stargazers

Watchers

cafecito's Issues

Problema de contraste (a11y)

Los botones de la app fallan en contraste por mucho y se puede resolver tan solo cambiándoles el color del texto a negro.

Adjunto capturas.

Referencia: Success Criterion 1.4.3 Contrast (Minimum)

No se puede desvincular la cuenta de mercado pago

Sería una buena experiencia para el usuario poder desvincular su cuenta de mercado pago

Búsqueda por nombre de usuario

Actualmente en la sección Explorar buscar por nombre de usuario no devuelve resultados. Sería más un feature request en este caso, que considero muy útil para encontrar a alguien sin tener que ir a la barra de búsqueda a agregar el handler en la url, cosa que en mobile es todavía más molesto que en desktop.

No se carga el CDN desde algunos proveedores de internet

Desde mi conexión de Movistar Hogar por ejemplo, el sitio tiene problemas para cargar los CDN.
Código de error: SSL_ERROR_BAD_CERT_DOMAIN

Cuando se crea una nueva imagen de un café regalado no se puede acceder por la url hasta que no se reinicia el server

Server started on port undefined | Url: undefined

I tried creating .env file with NODE_ENV=development but doesn't work.

Solution:

In server.js file replace this line (#4):

const envFile = isDev ? .env.${process.env.NODE_ENV} : ".env";

for this line:

const envFile = isDev ? ".env.development" : ".env";

Los links en las bios no se parsean como tales

Escenario: Voy a editar la info de mi bio e incluyo un enlace
Error: El mismo se parsea como texto plano
Comporamiento esperado: Que los links aparezcan como tales en la vista de perfil

Problema al querer subir imágenes .webp

Al crear un nuevo post, si intento subir una imagen en formato .webp y le doy a "postear" no me dice nada, solo se queda cargando infinitamente

No se visualiza cantidad a partir de 10

No se ve bien la cantidad a partir de 10 cafés

El número aparece cortado, sin embargo hay espacio a la derecha para poder ajustar

Usar la api de stripe para cobrar unos sats

Estaria bueno poder implementar la interfaz de stripe para poder pagar. Sera posible?

Botón de pago en plural para organizaciones

El texto del botón "Invitame un cafecito" está pensado para personas individuales, dejando de lado a organizaciones. Estaría bueno que las cuentas categorizadas como ONGs o agrupaciones tengan la opción de acceder a un botón en plural que diga "Invitanos un cafecito".

Integración con StreamLabs y otras plataformas de Streaming

La aplicación ha gustado a muchos streamers de Twitch, y consideran necesario que se pueda integrar con StreamLabs, para que salte alguna notificación en el stream o chat cuando alguien dona un cafe (Similar a cuando alguien envia BITS, o se suscribe o da follow)

Extension de nombre de usuario

Buenas, al crear un usuario el error dice que debe tener mas de 5 letras, pero con 4 letras permite crear tambien.

Mejorar la documentación del readme

Contraste del texto de placeholders

En mi pantalla literalmente son casi invisibles los textos de placeholder en los campos de formulario y es probable que en la de muchos usuarios también

Ver como solucionar el mini switch entre light mode a dark mode cuando se entra por primera vez a la página

Webhooks

Estaría bueno poder conectar Cafecito vía Webhooks para poder recibir notificaciones en el momento que entra una donación. Podría hacerse con la integración de Mercado Pago, supongo, pero me parece que quedaría más prolijo interactuar directamente con una API de la plataforma en vez de filtrar en MP los movimientos entrantes usando como criterio la caja que te crea en la cuenta.

Donaciones en crypto

Estaría bueno soportar otras formas de donaciones, ej con bitcoins y otras crypto.

'NODE_ENV' is not recognized as an internal or external command

Martin-PC@DESKTOP-NI9N5JU MINGW64 /c/src/cafecito (master)
$ npm run dev

[email protected] dev C:\src\cafecito
NODE_ENV=production nodemon server.js

'NODE_ENV' is not recognized as an internal or external command,
operable program or batch file.

Solution:

In Package.json file change this line:

"dev": "NODE_ENV=production nodemon server.js",

For this:

"dev": "SET NODE_ENV=development & nodemon server.js",