Skip to content

A fullstack single page application (SPA) web blog implemented in React+Redux (focusing on hooks) with Express and PostgreSQL. This is a sporadically growing project that serves as a sandbox for implementing various libraries and services.

License

Notifications You must be signed in to change notification settings

vandenn/fullstack-react-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 

Repository files navigation

fullstack-react-blog

A fullstack single page application (SPA) blog implemented in React+Redux (focusing on hooks/functional components) with Express and PostgreSQL.

Overview

This project is my personal React.js sandbox/playground for building a fullstack web application. Here, I apply or experiment with some of the insights I gain from coding with various React+Redux, Express, and PostgreSQL libraries in the industry. I've worked and tinkered with several libraries such as Material-UI's comprehensive UI component library (https://material-ui.com/), middlewares like Redux-Saga (https://redux-saga.js.org/) and Redux-Thunk (https://github.com/reduxjs/redux-thunk), and other complementary libraries such as Reselect (https://github.com/reduxjs/reselect) and Immer (https://github.com/immerjs/immer).

This particular project uses Auth0 (https://auth0.com/) for a streamlined login solution.

Setup

  1. Install Node.js and NPM via NVM or the Node installer.

  2. Make an account with Auth0 and select the single page web application option.

  3. Download PostgreSQL for your OS. Perform the initial user setup then create a new database.

postgres=# CREATE DATABASE your_db_name_here;
postgres=# \connect your_db_name_here;
  1. Run the commands found in server/main/schema.sql then quit the PSQL shell (\q).

  2. cd into your local copy of this repository then run the init scripts in both the client and server folders.

cd fullstack-react-blog/client
bash init.sh
cd ../server
bash init.sh
  1. While in the server folder, edit your newly generated .env file with the actual values from your PostgreSQL setup. Afterwards, run the following command.
npm run devstart
  1. While in the client folder, edit your newly generated .env file with the actual values from your Auth0 setup. Afterwards, run the following command.
npm run start

Commit Format

This project follows a modified Conventional Commits format for its commit messages (https://www.conventionalcommits.org/).

Resources

About

A fullstack single page application (SPA) web blog implemented in React+Redux (focusing on hooks) with Express and PostgreSQL. This is a sporadically growing project that serves as a sandbox for implementing various libraries and services.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages