/react-hooks-blog-fullstack

A React and Node blog boilerplate with complete authentication and CRUD commands to a Postgres DB.

Primary LanguageJavaScript

Visit below for our SAAS template https://github.com/Saas-Starter-Kit/Saas-Kit-prisma

A fullstack React/express blog using React hooks

This Project was bootstrapped with create-react-app

download or git clone the project files.

cd into both Project Directories in 2 different terminal windows and then install the dependencies

The "Client" directory contains the React code. The "Server" directory contains the code for the node.js express server. This project requries a PSQL database to run. This project also requires setting up an app on auth0.

For intructions on installing PSQL visit the offical PSQL website:
https://www.postgresql.org/

1st window

cd Client

2nd window

cd Server

1st window

npm install

2nd window

npm install


Run both the server and client at the same time

1st window

npm start (runs react at localhost:3000)

2nd window

npm run devstart (devstart runs nodemon at localhost:5000)

Set up PSQL

  1. Open the PSQL shell and login to PSQL
  2. Create a new PSQL database if you have not already done so.
  3. Simply copy the SQL code in the Server/main/schema.sql file and paste it in as commands into the PSQL shell.
  4. In the Server/main/db.js file replace the code with the login info for your own PSQL database.
  5. After setting up the PSQL database and making the required adjustments in the db.js file, the app will be fully functional.

(Optional) Set up auth0

You can optionally create your own auth0 app and subsitute the credentials in the Client/utils/auth.js file. You can also just use the default credentials I have provided.