react context api auth basic setup

Author: mikelpmc

.gitignore

@@ -0,0 +1,59 @@
+
+# Created by https://www.gitignore.io/api/node
+
+### Node ###
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# dotenv environment variables file
+.env

README.md

@@ -0,0 +1,91 @@
+# React Context API Demo
+
+Basic demo to show the usage of the React context API with authenticate
+
+Project Structure:
+
+```sh
+    -api
+        -src
+            -data
+                -schemas
+            -logic
+            -routes
+            -utils
+        -index.js
+        -.env
+
+    -app
+        -public
+        -src
+            -components
+            -context
+            -logic
+            -utils
+            -index.js
+        -.env
+```
+
+System Requirements:
+
+-   Node
+-   Mongodb
+
+Server:
+
+1. Install the project dependencies
+
+```sh
+$ npm i
+```
+
+2. Create the .env file on the root of the api/ folder
+
+```sh
+$ touch .env
+```
+
+.env
+
+```sh
+DB_URL=mongodb://localhost:27017/your-database
+PORT=5000
+TOKEN_SECRET=your-secret
+TOKEN_EXP=3h
+```
+
+3. Start the API
+
+```sh
+$ npm start
+```
+
+Client:
+
+1. Download dependencies
+
+```sh
+$ npm i
+```
+
+2. Create the .env file on the root of the app/ folder
+
+```sh
+$ touch .env
+```
+
+.env
+
+```sh
+REACT_APP_API_BASE_URL=http:localhost:5000/api
+```
+
+\*Note: In order to enviroment variables work with this react project without touching any config file they all have to start with **REACT*APP***
+
+3. Start the app
+
+```sh
+$ npm start
+```
+
+Author: [http://github.com/mikelpmc](http://github.com/mikelpmc)

api/index.js

@@ -0,0 +1,42 @@
+'use strict';
+
+require('dotenv').config();
+
+const mongoose = require('mongoose');
+const express = require('express');
+const router = require('./src/routes/');
+const cors = require('cors');
+
+const { userRouter } = require('./src/routes/');
+
+const {
+    env: { PORT, DB_URL }
+} = process;
+
+mongoose
+    .connect(
+        DB_URL,
+        { useNewUrlParser: true }
+    )
+    .then(() => {
+        const port = PORT || process.argv[2] || 5000;
+
+        const app = express();
+
+        app.use(cors());
+
+        app.use('/api', userRouter);
+
+        app.listen(port, () => console.log(`server running on port ${port}`));
+
+        process.on('SIGINT', () => {
+            console.log('\nstopping server');
+
+            mongoose.connection.close(() => {
+                console.log('db connection closed');
+
+                process.exit();
+            });
+        });
+    })
+    .catch(console.error);

api/package.json

@@ -0,0 +1,24 @@
+{
+    "name": "api",
+    "version": "1.0.0",
+    "description": "",
+    "main": "index.js",
+    "scripts": {
+        "start": "node .",
+        "watch": "nodemon .",
+        "debug": "node inspect .",
+        "test": "echo \"Error: no test specified\" && exit 1"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC",
+    "dependencies": {
+        "body-parser": "^1.18.3",
+        "cors": "^2.8.4",
+        "dotenv": "^6.0.0",
+        "express": "^4.16.3",
+        "jsonwebtoken": "^8.3.0",
+        "mongodb": "^3.1.4",
+        "mongoose": "^5.2.14"
+    }
+}

api/src/data/User.js

@@ -0,0 +1,4 @@
+const mongoose = require('mongoose');
+const { UserSchema } = require('./schemas/');
+
+module.exports = mongoose.model('User', UserSchema);

api/src/data/index.js

@@ -0,0 +1,5 @@
+const User = require('./User');
+
+module.exports = {
+    User
+};

api/src/data/schemas/User.js

@@ -0,0 +1,17 @@
+const { Schema } = require('mongoose');
+
+const UserSchema = new Schema({
+    email: {
+        type: String,
+        required: true
+    },
+    password: {
+        type: String,
+        required: true
+    },
+    name: {
+        type: String
+    }
+});
+
+module.exports = UserSchema;

api/src/data/schemas/index.js

@@ -0,0 +1,5 @@
+const UserSchema = require('./User');
+
+module.exports = {
+    UserSchema
+};

api/src/logic/index.js

@@ -0,0 +1,79 @@
+'use strict';
+
+const mongoose = require('mongoose');
+const { User } = require('./../data/');
+
+const { validateEmail } = require('./../utils/validate-email');
+
+const logic = {
+    _validateStringField(field, value) {
+        if (typeof field !== 'string' || !field.trim().length)
+            throw Error(`${field} is not valid`);
+    },
+
+    /**
+     *
+     * @param {*} value
+     */
+    _validateEmail(email) {
+        if (!validateEmail(email)) throw Error(`${email} is not a valid email`);
+    },
+
+    /**
+     * Register a user
+     */
+    register(name, email, password) {
+        return Promise.resolve()
+            .then(() => {
+                this._validateEmail(email);
+                this._validateStringField('password', password);
+                this._validateStringField('name', name);
+
+                return User.findOne({ email });
+            })
+            .then(user => {
+                if (user)
+                    throw Error(`User with email ${email} already exists`);
+
+                return User.create({ email, password, name });
+            })
+            .then(({ email, name }) => ({ email, name }));
+    },
+
+    /**
+     * Authenticates a user
+     */
+    authenticate(email, password) {
+        return Promise.resolve()
+            .then(() => {
+                this._validateEmail(email);
+                this._validateStringField('password', password);
+
+                return User.findOne({ email, password });
+            })
+            .then(user => {
+                if (!user) throw Error(`Wrong credentials`);
+
+                return user;
+            });
+    },
+
+    /**
+     * Retrieves a user by its ID
+     */
+    retrieveUserById(userId) {
+        return Promise.resolve()
+            .then(() => {
+                this._validateStringField('userId', userId);
+
+                return User.findById(userId).select('email name -_id');
+            })
+            .then(user => {
+                if (!user) throw Error(`No data found for user ${userId}`);
+
+                return user;
+            });
+    }
+};
+
+module.exports = logic;

api/src/routes/index.js

@@ -0,0 +1,5 @@
+const userRouter = require('./userRouter');
+
+module.exports = {
+    userRouter
+};