YAY | Haz de tu barrio un Hogar

Introduction

• ¿Qué es YAY? Plataforma web con eventos locales para mayores de 60 años.
• ¿Objetivo? YAY busca una mejora en la calidad de vida de este colectivo.
• ¿Por qué? La plataforma ofrece una solución accesible para combatir la soledad del grupo objetivo.
• ¿Cómo? A través de eventos en su zona que conectan a los usuarios con su comunidad local sin necesidad de grandes desplazamientos.

YAY busca un cambio en la vida de las personas mayores de 60 que facilite la creación de nuevas amistades, sin la necesidad de desplazarse largas distancias. Los usuarios pueden conocer a personas con intereses similares en su barrio, participando en los eventos creados por nuestros partners.

Con un enfoque no romántico y un diseño accesible, queremos ayudar a combatir la soledad y mejorar la calidad de vida de este sector de la sociedad. Además, ¿qué mejor momento para romper el hielo que haciendo algo que te gusta?

Tech

Backend

• Python - Backend programming language
• Flask - Python backend
• SQLAlchemy - ORM para manejar bases de datos en Flask

Frontend

• React - Frontend framework in JavaScript
• Flux - Architecture pattern for data management in React
• Context API - React store for global state management
• JavaScript - Language for the frontend alongside React
• HTML - Frontend structure
• CSS - Frontend styles

Deployment

• render.com - Hosting and deployment platform
• Aiven - Service for databases in the cloud
• PostgreSQL with pgAdmin - Database used in Aiven

Installation

If you use Github Codespaces (recommended) or Gitpod this template will already come with Python, Node and the Posgres Database installed. If you are working locally make sure to install Python 3.10, Node

It is recomended to install the backend first, make sure you have Python 3.8, Pipenv and a database engine (Posgress recomended)

1. Install the python packages: $ pipenv install
2. Create a .env file based on the .env.example: $ cp .env.example .env
3. Install your database engine and create your database, depending on your database you have to create a DATABASE_URL variable with one of the possible values, make sure you replace the valudes with your database information:

Engine	DATABASE_URL
SQLite	sqlite:////test.db
MySQL	mysql://username:password@localhost:port/example
Postgress	postgres://username:password@localhost:5432/example

4. Migrate the migrations: $ pipenv run migrate (skip if you have not made changes to the models on the ./src/api/models.py)
5. Run the migrations: $ pipenv run upgrade
6. Run the application: $ pipenv run start

Note: Codespaces users can connect to psql by typing: psql -h localhost -U gitpod example

Undo a migration

You are also able to undo a migration by running

$ pipenv run downgrade

Front-End Manual Installation:

• Make sure you are using node version 14+ and that you have already successfully installed and runned the backend.

1. Install the packages: $ npm install
2. Start coding! start the webpack dev server $ npm run start

Development

All suggestions and contributions are welcome.

  If you liked what you saw, give me a star.

  If you want to work with me, feel free to ping us on LinkedIn: Davinia | Gabriel | David