Blog-Project

Node Project - Create Blog Website

Description

Client and Server Web Application that allows users to create, read, update and delate blog post. Client built using React. Backend Built using Node & Express. Blog Information stored on PostgreSQL database

Features

• User Login and Register (in progress)
• Create and Read functionality ( Update and Delete in progress)
• Responsive Design

Tools

Client

• React
• Bootstrap
• Sass
• Prettier
• Eslint
• Postcss
• Stylelint
• Flow-Bin

Server

• Express
• Node
• JWT Tokens
• Cypress
• PG
• CORS
• BodyParser
• CookieParser
• Babel
• Express-Rate-Limiter
• Bcrypt
• DotEnv

Database

• PostgreSQL

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

• npm

  npm install npm@latest -g

Installation

Clone the repo

git clone git@github.com:raythompsonwebdev/blog-project.git

Usage - Client

Install NPM packages :

npm install

or

yarn install

or

pnpm install

Once packages have been down loaded , To view website:

npm run start

Runs start to start website in development mode.

Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Runs build to build the application for production usage

npm run build

Runs lint to lint styles and scripts files.

npm run lint

Usage - Server

Set up a PostgreSQL Database to enable you to Create Read Update and Delete blog information : - Installing and Using PostgreSQL Locally

Set up Cypress : Installing Cypress and writing your first test

Install NPM packages :

npm install

or

yarn install

or

pnpm install

Once packages have been downloaded , to start client got to client folder :

npm run start

Runs start to start website in development mode.

Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes. You may also see any lint errors in the console.

Runs lint to lint client application styles and scripts files , cd into client folder.

npm run lint

Run build to build the client application for production usage , cd into client folder

npm run build

To start development server, cd into server folder :

npm run dev

To start staging server , cd into server folder :

npm run start

To test if API calls from server are retrieving data from from the database,Postman is a great tool to use to test API calls.