React GraphQL Full Stack

React with Hooks, Apollo Client GraphQL, Express & MongoDB Full Stack hosted on

react-graphql-keemor.herokuapp.com

Based on

GraphQL with React and Apollo Client by Nik Graf

Build a Complete App with GraphQL, Node.js, MongoDB and React.js by Academind

Formik by Jared Palmer

Change log

2019

• 30.04 - Sever/Client: delete bookings along with event
• 24.04 - Server: dataloader added to eliminate database roundtrips
• 23.04 - Client: My bookings page
• 19.04 - Client: Delete event mutation
• 18.04 - Client: Introducing react-apollo-hooks
• 17.04 - Client: Introducing hooks

• 07.03 - End to End Tests added with faker, jest, jest-cli & puppeteer
• 06.03 - Protected routes for adding event
• 05.03 - User signup, login, logout using bcrypt & jsonwebtoken

2018

• 19.12 - Client: Yup validation, bootstrap, reactstrap & reactstrap-formik
• 18.12 - Client: React, apollo-boost, react-apollo, Formik
• 17.12 - Server: Express, Graphql, mongoose

Run locally

git clone https://github.com/keemor/react-graphql-full-stack
cd react-graphql-full-stack
npm install

Run development sever

npm run dev

Server running on port 3000

Run development webpack

npm run build:dev

Install local MongoDB

Run local MongoDB at mongodb://127.0.0.1:27017/

cd "C:\Program Files\MongoDB\Server\4.0\bin"
mongod.exe --dbpath \Users\username\Workspace\mongo-data