Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/raunofreiberg/blackford
Dockerized Node.js & PostgreSQL SPA with a React & Redux client
https://github.com/raunofreiberg/blackford
css-modules docker express javascript jsx knex nginx nodejs passportjs postgresql react redux scss webpack
Last synced: 5 days ago
JSON representation
Dockerized Node.js & PostgreSQL SPA with a React & Redux client
- Host: GitHub
- URL: https://github.com/raunofreiberg/blackford
- Owner: raunofreiberg
- License: mit
- Created: 2017-10-12T15:22:45.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2018-03-29T16:03:51.000Z (almost 7 years ago)
- Last Synced: 2025-01-29T04:31:53.844Z (14 days ago)
- Topics: css-modules, docker, express, javascript, jsx, knex, nginx, nodejs, passportjs, postgresql, react, redux, scss, webpack
- Language: JavaScript
- Homepage:
- Size: 1.05 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://coveralls.io/github/raunofreiberg/blackford?branch=master)
[](https://travis-ci.org/raunofreiberg/blackford)
# Full Stack PERN (Postgres, Express, React, Node)
#### Technologies Used
- Node: 8.9.x
- Express: 4.15.x
- KnexJS: 0.13.x
- PostgreSQL: 9.6.x
- Docker CE
- Nginx
- PassportJS with JWT for authentication
- Local authentication
- Facebook OAuth
- React: 16
- Redux: 3.7.x
- Jest 21.x
- React-Router: 4.1.x
- Redux-Form: 6.8.x
- CSS Modules
- Webpack 3.x
#### Development Setup (Non-Docker variant)
* Create a database
```
$ createdb DB_NAME
```
* Create a .env file at the root of your application and update it with your env variables.
```
DATABASE_URL=postgres://localhost/ // URL of your database
TOKEN_SECRET= // Signature for signing JWT's
CLIENT_SECRET= // Facebook app secret
CLIENT_ID= // Facebook client ID
FACEBOOK_APP_ID= // Facebook app ID
```
* Install dependencies
```
$ npm install
$ npm install -g knex // database connection wrapper - you probably don't have this
```
* Run the migrations provided by this repo
```
$ knex migrate:latest
```
* Run the client and server concurrently
```
$ npm run dev
```
* You should be able to see the application at `localhost:8080`. All API requests are proxied to the Node.js server running at port 3001
#### Docker
* Set some env variables for the Docker-compose.yml file
```
TOKEN_SECRET= // Signature for signing JWT's
CLIENT_SECRET= // Facebook app secret
CLIENT_ID= // Facebook client ID
FACEBOOK_APP_ID= // Facebook app ID
```
* Run it
```
$ docker-compose up
```
* Application is available at localhost:3001. No `webpack-dev-server` is used inside Docker, just a regular webpack watch instead.
#### Production
```
$ docker-compose -f Docker-compose.prod.yml up
```
¯\_(ツ)_/¯