Skip to content

Latest commit

 

History

History
93 lines (67 loc) · 1.28 KB

README.md

File metadata and controls

93 lines (67 loc) · 1.28 KB
Raw

React Context API Demo

Basic demo to show the usage of the React context API with authentication flow

Project Structure:

    -server
        -src
            -data
                -schemas
            -logic
            -routes
            -utils
        -index.js
        -.env

    -client
        -public
        -src
            -components
            -pages
            -providers
            -services
            -utils
            -App.js
            -index.js
        -.env

System Requirements:

  • Node
  • Mongodb

Server:

  1. Install the project dependencies
$ npm i
  1. Create the .env file on the root of the server/ folder
$ touch .env

.env

DB_URL=mongodb://localhost:27017/your-database
PORT=5000
TOKEN_SECRET=your-secret
TOKEN_EXP=3h
  1. Start the Server
$ npm start

Client:

  1. Download dependencies
$ npm i
  1. Create the .env file on the root of the client/ folder
$ touch .env

.env

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**

  1. Start the client
$ npm start

Author: http://github.com/mikelpmc