aredex / henry-app

BoilerPlate

El boilerplate cuenta con dos carpetas: api y client. En estas carpetas estará el código del back-end y el front-end respectivamente.

En api vas a tener que crear un archivo llamado: .env que tenga la siguiente forma:

DB_USER=usuariodepostgres
DB_PASSWORD=passwordDePostgres
DB_HOST=localhost
DB_NAME=henryapp
PORT=3001

Tenés que reemplazar usuariodepostgres y passwordDePostgres con tus propias credenciales para conectarte a postgres. Este archivo va ser ignorado por github, ya que contiene información sensible (las credenciales).

El contenido de client fue creado usando: Create React App.

Directorios básicos Back-end (API)

src: donde se encuentra todo el código
  |-- controllers: todos los controladores para las rutas
  |-- middlewares: 
  |-- models: definición de todos los modelos para la bd
  |-- routes: definición de todas las rutas del proyecto
  app.js: configuración inicial de la aplicación
  db.js: configuración inicial de la bd
  index.js: arranque de la aplicación

Directorios básicos Front-end (CLIENT)

src: donde se encuentra todo el código
  |-- actions: definición de las acciones para la store (redux)
  |-- components: definición de componentes individuales para la aplicación
  |-- dispatchers: definición de ejecutores de las acciones
  |-- hooks: definición de hooks personalizados
  |-- pages: definición de componentes pages (screen) de la aplicacion
  |-- reducers: definición de los reducers
  |-- routers: definición de componentes routers de la aplicación
  |-- services: definición de servicios para la aplicación
  |-- types: definición de todos los tipos de dispatchers para la store
  |-- styles: definición de estilos  
        |-- base: estilos principales
        |-- components: estilos de componentes individuales
        |-- pages: estilos de componentes pages individuales