Queen-B-Bootcamp-Example

An example app for the queenB Initiative - Boilerplate

In order to create a project from this example, please follow the instructions below.

Prerequisites

• install VS Code: https://code.visualstudio.com/download
• install git - https://git-scm.com/book/en/v2/Getting-Started-Installing-Git
• install Docker - in order to run a local postgres database - https://docs.docker.com/engine/install/
• install node.js - https://phoenixnap.com/kb/install-node-js-npm-on-windows
• install npm - package manager - Node / npm: https://nodejs.org/en/download
• pgAdmin (postgres client)

Windows: https://www.postgresql.org/ftp/pgadmin/pgadmin4/v7.6/windows/

Mac: https://www.postgresql.org/ftp/pgadmin/pgadmin4/v7.6/macos/

Running locally

The current configuration runs by the server serving the client code. It is also possible to run both client and server without the server serving the client. If you wish to tun the client you to do this by running 'npm start' from the client directory.

Get the boilerplate project

1. Create your own github user, you can connect to it with user password (2 step authentication) or create an ssh key (configuration - https://github.com/settings/profile)

   a. Creating SSH key - SSH KEY instructions

   b. Install a two factor authentication app (like Authenticator) on you phone, configure it in github (https://github.com/settings/security), and use it to connect (you will be asked for a user password when you try to push code)

2. Fork this project to your repository (creates a copy)

3. Clone it to your local computer (downloads the project)

$ git clone https://github.com/<you user name>/Queen-B-Bootcamp-Example.git (you can get link for the project in the website)

Client side

1. open a terminal and cd to the client

$ cd client

2. add dependencies:

$ npm install

3. Build the client, in the package.json file there's a command called build, this command will run it

$ npm run build 

4. When running in development mode in order to see the errors - debug and work locally, after running the server run: (and open the web page on 3000 port)

$ npm start

Server side

1. open another terminal in the project root

2. add dependencies:

$ npm install

3. Run the server - first mode - start

$ npm run start

4. second mode - Development: You can run the server while detecting changes in the server side (the application will update)

$ npm run dev

More Info on connecting client-server - https://codedamn.com/news/reactjs/how-to-connect-react-with-node-js

Running a local Postgres database

docker run --name qb-postgres -e POSTGRES_PASSWORD=mysecretpassword -p 5432:5432 -d postgres