Skip to content

ka1130/CRUD-Posts-with-GAuth

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

36 Commits
 
 
 
 
 
 

Repository files navigation

CRUD-Posts-with-GAuth

A basic app with custom API allowing logged in users to perform CRUD actions on a list of dummy posts

Posts basic CRUD app

This project was bootstrapped with Create React App. The technology stack includes React, React-Router-DOM, Redux, Redux-Form and Redux-Saga.

An alternative solution with the use of Redux-Thunk is implemented on branch redux-thunk-solution.

Custom API is created with the use of json-server and data is kept internally in db.json file.

Setting up

The project contains two main directories, one for the client and another for api. To boot it you should run npm install in both api and client directories and run them simultaneously in separate terminal windows using npm start command. The client will then run on http://localhost:3000 and the API on http://localhost:3001.

Google Auth

The client app users Google APIs Client Library for authentication. Once a user is logged in, they can perform CRUD operations on posts data.

In order for this to work, the .env.example file in the client root directory has to be overwritten to .env and the relevant OAuth key has to be added.

json-server API

The custom API data can be changed manually in the api/db.json file. The base for the file is kept in a backup file api/db_basic.json

To do:

  • update tests
  • describe stack and usage (Jest, Enzyme) in this file
  • add link to deployed app on ghpages

About

A basic app with custom API allowing logged in users to perform CRUD actions on posts

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published